对绝对定位组件的本机键盘AvoidingViewReact,在ios上不起作用

owfi6suc  于 2022-12-14  发布在  React
关注(0)|答案(1)|浏览(113)

我有一个简单的屏幕与视频播放器和聊天框覆盖在底部(聊天框位置绝对)。
这里有一个我正在做的简单例子。
编码:

<View style={{flex: 1}}>
  <ScrollView>
    <Video style={{ height: Dimensions.get('window').height }} />
  </ScrollView>
  <ChatBox />
</View>

我使用Scrollview来避免当键盘出现在android上时视频缩小。
聊天框:

<View style={{
  position: 'absolute',
  bottom: 0,
}}>
  <FlatList 
    data={messages}
    keyExtractor={(_, index) => index.toString()}
    renderItem={({item}) => <Message item={item} />}
  />
  <TextInput />
</View>

当我用KeyboardAvoidingView Package ChatBox时,它在ios上不起作用,android很好。
我试着让KeyboardAvoidingView绝对定位,然后添加behavior='padding',它也不工作。

<KeyboardAvoidingView style={{
  position: 'absolute',
  bottom: 0,
}} behavior='padding' >
  <FlatList 
    data={messages}
    keyExtractor={(_, index) => index.toString()}
    renderItem={({item}) => <Message item={item} />}
  />
  <TextInput />
</KeyboardAvoidingView>

对不起,我的英语不好,提前谢谢。

cgyqldqp

cgyqldqp1#

我有一个类似的案例,我希望视图中的TextInput在聚焦时向上滚动,该视图绝对位于Viewport的底部。

相关问题