I'm having trouble with the Text Area Placeholder not appearing in the center, I would like it to align with the top of the placeholder as shown in the image. Can you please provide suggestions on how to achieve this design? https://i.sstatic.net/AqhnX.png
Below is the code snippet:
textInput: {
borderRadius: 5,
borderWidth: 1,
height: Platform.OS === "ios" ? 60 : 80,
fontSize: 16,
paddingHorizontal: 10,
marginHorizontal: 15,
padding: 10,
marginTop: 8
},
<TextInput
placeholder="Comment Here"
blurOnSubmit={false}
returnKeyType={"go"}
style={styles.textInput}
multiline={true}
numberOfLines={20}
underlineColorAndroid={"transparent"}
autoCapitalize={"none"}
autoCorrect={false}
onChangeText={this.handleChange.bind(
this,
"comment"
)}
ref={input => {
this.inputs["four"] = input;
}}
onSubmitEditing={() => {
this.submitOurView_Method();
}}
value={this.state.contactInfo_View.comment}
/>