文本输入未在react-native中显示为类似于文本区域

时间:2018-07-05 08:36:24

标签: javascript react-native

我没有让Text Area占位符进入居中位置,但是我希望如下图所示,在PlaceHolder侧的顶部,请问您如何建议基于 enter image description here

这里是代码:

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

1 个答案:

答案 0 :(得分:1)

这是我的代码。

<TextInput
   multiline={true}
   numberOfLines={12}
   textAlignVertical = "top"/>
仅Android平台支持

textAlignVertical 道具