Question

我正在研究iOS的本机移动应用程序，并尝试在ScrollView的底部使重叠的TextInput保持粘性。我的第一个想法是将它移到ScrollView之外，这可以工作但不允许组件覆盖滚动内容。

以下是我的代码示例：

基本理念： <ScrollView style={styles.tabView}> <View> </View> <TextInput style={styles.input} /> </ScrollView>

我只能做到以下其中一项：1）保持在底部没有叠加，2）只显示在整个滚动视图的底部。

这两个世界都是最好的吗？

对此有任何帮助将不胜感激。

谢谢。

Answer 1

您可以将ScrollView和TextInput包装在容器中，然后将TextView设置为半透明样式并定位“绝对”＃39;并将它粘在容器的底部..

   <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'blue'}}>
     <View style={{height: 400, width: 400}}>                 
       <ScrollView>
         <View style={{backgroundColor: 'green'}}>
            // Your data here
         </View> 
      </ScrollView>
      <TextInput style={{backgroundColor: '#c4c4c4dd', position: 'absolute', bottom: 0, left: 0, right: 0}} />
    </View>
  </View>

您可以看到我为您准备的this example。享受。

Answer 2

最好和最简单的方法是使用以下标签作为您的代码容器：

<KeyboardAvoidingView
      behavior={Platform.OS === "ios" ? "padding" : "height"}
      style={{flex:1}}
    >
...
 </KeyboardAvoidingView>

React Native - ScrollView，底部有滚动文本输入

2 个答案: