我有一个简单的屏幕与视频播放器和聊天框覆盖在底部(聊天框位置绝对)。
这里有一个我正在做的简单例子。
编码:
<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>
对不起,我的英语不好,提前谢谢。
1条答案
按热度按时间cgyqldqp1#
我有一个类似的案例,我希望视图中的TextInput在聚焦时向上滚动,该视图绝对位于Viewport的底部。