Javascript 文本输入与react native中的文本区域不相似

Javascript 文本输入与react native中的文本区域不相似,javascript,react-native,Javascript,React Native,我并没有让文本区域的占位符进入中心,但我希望顶部位于占位符的一侧,如下图所示。您能建议如何基于文本区域进行设计吗 以下是代码: textInput: { borderRadius: 5, borderWidth: 1, height: Platform.OS === "ios" ? 60 : 80, fontSize: 16, paddingHorizontal: 10, marginHorizon

我并没有让文本区域的占位符进入中心,但我希望顶部位于占位符的一侧,如下图所示。您能建议如何基于文本区域进行设计吗

以下是代码:

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}
/>
textInput:{
边界半径:5,
边框宽度:1,
高度:Platform.OS==“ios”?60:80,
尺寸:16,
水平方向:10,
marginHorizontal:15,
填充:10,
玛金托普:8
},
{
这.输入[“四”]=输入;
}}
onSubmitEditing={()=>{
此.view_方法();
}}
值={this.state.contactInfo_View.comment}
/>
这是我的代码

<TextInput
   multiline={true}
   numberOfLines={12}
   textAlignVertical = "top"/>

textAlignVertical道具仅支持android平台

这是我的代码

<TextInput
   multiline={true}
   numberOfLines={12}
   textAlignVertical = "top"/>


textAlignVertical仅支持android平台的道具

我没有让文本区域占位符进入中心,你能展示一下它现在的样子吗?根据高度,给paddingBottom指定占位符文本将向上移动我没有让文本区域占位符进入中心,你能展示一下它现在的样子吗?根据高度,给paddingBottom指定占位符文本将向上移动的位置