相关疑难解决方法(0)

KeyboardAvoidingView无法正常工作

我正在尝试使用KeyboardAvoidingView with behavior ="padding".

出于某种原因,当我尝试在TextInput中输入任何文本时,空间将位于TextInput下方.随附的是正在发生的事情以及代码.有没有人有任何想法在这里发生什么？

  render() {
    return (

      <KeyboardAvoidingView  style={{ flex: 1}}  behavior="padding">
      < View
          style={{
            flex: 1,

          backgroundColor: "#FFFFFF",

        }}
      >

        <ScrollView
          contentContainerStyle={{ justifyContent: "flex-end", flex: 1 }}>
                <ChatInfo />
              </ScrollView>


          <View style={styles.container}>
          <TextInput
            style={styles.input}
            underlineColorAndroid="transparent"
            autoCapitalize="none"
            onChangeText={text => this.setState({ text: text })}
            value={this.state.text}
          />

          <TouchableOpacity
            style={styles.submitButton}
            onPress={this.submitName}
          >
            <Text style={styles.submitButtonText}> SEND </Text>
          </TouchableOpacity>
        </View>

      </ View>
      </KeyboardAvoidingView>
    );
  }
}

export default connect()(ChatScreen);

const styles = StyleSheet.create({
  input: {
    margin: 2,
    paddingLeft: 15,
    flex: 1,
    height: …

有没有办法检测键盘类型的变化与大小,类型和建议栏高度,从英语键盘改为包含某种建议栏的印地语(见截图).

普通英语键盘

第一个问题

改为印地语LIPI后 - 当我改变时,everthing很好,因为英语和印地语键盘的大小相同,但在开始输入后印地语Lipi建议覆盖TextField

第二个问题

更改为表情符号 - 表情符号键盘高度与英语相比稍微多一点,所以再次键盘覆盖了TextField.