小编Red*_*Red的帖子

React Native多行TextInput,文本居中

因此,在使用multiline = true的文本输入时,出现文本垂直居中而不是被推到顶部的问题。

此问题在ios和android上均会发生,但android另一个问题是,当输入多行时,它们会被打成1行高。

我想指出的是,我尝试添加textAlignVertical: 'top'textinput的样式

代码:(我将其作为单独的命令使用,因为我在带有表单文本的表单中使用它,但是所有参数都以某种方式传递)

    <TextInput
            style={styles.input}
            value={value}
            autoComplete={autoComplete}
            autoCapitalize={autoCapitalize}
            placeholder={placeholder}
            secureTextEntry={secureTextEntry}
            keyboardType={keyboardType}
            returnKeyType={returnKeyType}
            autoFocus={autoFocus}
            onChangeText={onChangeText}
            onSubmitEditing={onSubmitEditing}
            multiline={multiline || false}
            ref={(r) => { inputRef && inputRef(r); }}
    />
Run Code Online (Sandbox Code Playgroud)

样式:

input: {
    paddingRight: 10,
    lineHeight: 23,
    flex: 2,
    textAlignVertical: 'top'
},
Run Code Online (Sandbox Code Playgroud)

ios屏幕截图

android屏幕截图

tia

android textinput ios reactjs react-native

7
推荐指数
3
解决办法
1万
查看次数

更新State数组中的一个值react native

尝试在this.state中更新数组的一个元素时,我遇到了(expected,)错误,但是看不到哪里出错了。我是否需要创建一个临时的数组更新,然后将整个数组分配回状态

这基本上就是我所拥有的

this.state = { array: ['a', 'b', 'c'] };

onBack() {
  this.setState({
      array[2]: 'something' 
  });
}
Run Code Online (Sandbox Code Playgroud)

arrays state native reactjs react-native

2
推荐指数
1
解决办法
5823
查看次数

标签 统计

react-native ×2

reactjs ×2

android ×1

arrays ×1

ios ×1

native ×1

state ×1

textinput ×1