文本输入没有像 react-native 中的文本区域那样显示

Question

我没有让文本区域占位符进入中心，但我想要占位符一侧的顶部，如下图所示。请您建议如何基于设计

这是代码：

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}
/>

Answer 1

这是我的代码。

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

textAlignVertical props 仅支持 android 平台