React Native - 下にスクロールするテキストを入力したScrollView

Question

私はiOS用のネイティブモバイルアプリケーションに取り組んでおり、オーバーレイしているTextInputをScrollViewの一番下に貼り付けようとしています。私の最初の考えは、ScrollViewの外側に移動することでしたが、これは動作しますが、スクロールするコンテンツ上にコンポーネントがオーバーレイされることはありません。ここで

は、私のコードのサンプルです：

基本的な考え方： <ScrollView style={styles.tabView}> <View> </View> <TextInput style={styles.input} /> </ScrollView>

私はそれが次のいずれかの操作を実行するために取得することができます：1）なしオーバーレイと下部に留まり、2）のみ表示がでスクロールビュー全体の下端

両方の世界で最高のものがありますか？

これに関するすべてのヘルプは非常に高く評価されます。

ありがとうございます。

Answer 1

あなたは、コンテナの内側にScrollViewとのTextInputをラップして、半透明と位置「絶対」にのTextViewをスタイルと容器の底にそれを固執することができます。..

<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を見ることができます私はあなたのために準備しました。楽しい。