4

我创建了一个带有分页水平滚动视图的选项卡应用程序,有 3 个这样的页面

<ScrollView
   showsHorizontalScrollIndicator={false}
   style={{ flex: 1 }}
   contentContainerStyle={{ height: '100%' }}
   pagingEnabled
   horizontal>
          <View style={{ width, backgroundColor: 'red' }}>
            <TextInput style={{ width, backgroundColor: '#FFF', height: 100 }} />
          </View>
          <View style={{ width, backgroundColor: 'green' }} />
          <View style={{ width, backgroundColor: 'blue' }} />
        </ScrollView>

如您所见,在第一个选项卡中,有一个 TextInput,如果您输入长文本(约 50 个字符),滚动视图会自动滚动并破坏 UI(见下图)该问题仅发生在低版本 Android(5.1 , 4.4, 4.2),在高版本和 iOS 上运行良好 在此处输入图像描述

4

0 回答 0