反应本机TextInput Comp。在Android中的特定位置上不起作用

时间:2019-11-27 04:27:15

标签: android reactjs react-native debugging react-native-android

已编辑。 所以,伙计们,你告诉我一次只写一个问题。现在,我修复了一些小错误,但仍然有一个非常奇怪的错误。

现在,我无法单击TextInput comp。在android屏幕下方的特定位置下。要清楚;

样式如下:-WORKS

input: {
    position: 'absolute', // probably it's about position, but I'm not sure
    top: 29, // I mean when top style prop is smaller than 30 it works
    width: '92%',
    height: 30,
    fontSize: 25,
    fontWeight: 'bold',
    color: '#000000',
    borderWidth: 1,
    borderColor: '#000000',
    borderRadius: 0,
    backgroundColor: '#fff',
    textAlign: 'left',
  }

但是这样的话:-不起作用

input: {
    position: 'absolute',
    top: 30, // or 35 or 40
    width: '92%',
    height: 30,
    fontSize: 25,
    fontWeight: 'bold',
    color: '#000000',
    borderWidth: 1,
    borderColor: '#000000',
    borderRadius: 0,
    backgroundColor: '#fff',
    textAlign: 'left',
  }

而且,我认为这不是必需的,但这是TextInput comp:

<View style={styles.inputContainer}>
    <TextInput
    style={styles.input}
    onChangeText={(text) => this.setState({input: text.toLowerCase()})}
    value={this.state.input}
    />
    <TouchableHighlight style={styles.sendButton} onPress={()=> this.handleSubmit()}>
      <View>
        <Icon name="send" color="#fff" size={30}/>
      </View>
      </TouchableHighlight>
  </View>

所以,如果你们有什么线索对您有所帮助,那么我正在用四只耳朵听:)预先谢谢!抱歉,后期编辑:(

1 个答案:

答案 0 :(得分:-1)

请在您遇到问题的地方张贴代码。