2016-08-05 9 views
0

アンドロイドとスクロールビューに問題があります。 ソフトキーボードが開いたときに、textinputが見たいです。反応ネイティブでのスクロール時のNavbarの修正

は、だから私は、このコンポーネントを使用する=>https://github.com/sarovin/react-native-scrollview-smart

しかし、問題は、ナビゲーションバーが上部に固定されていないが、それが消えるということです...

Gif of error

ナビゲーションバーでの構成要素であります反応するネイティブルータフラックス=>https://github.com/aksonov/react-native-router-flux

何か提案がありますか?

+0

あなたはあなたにナビを試しましたか? https://facebook.github.io/react-native/docs/navigator.html –

答えて

2

使用し

import {ScrollView, Text, TextInput, View, KeyboardAvoidingView} from "react-native"; 

と機能の巣それはの世話をするViewTextInput

<ScrollView style={styles.container}> 
      <KeyboardAvoidingView behavior='position'> 
       <View style={styles.textInputContainer}> 
        <TextInput 
        value={pin} 
        style={styles.textInput} 
        keyboardType='default' 
        returnKeyType='next' 
        onChangeText={this.handleChangePin} 
        underlineColorAndroid='transparent' 
        placeholder={I18n.t('pin')}/> 
       </View> 
      </KeyboardAvoidingView> 
     </ScrollView> 

をレンダリングにおける同様のネイティブkeyboar避けビュー KeyboardAvoidingViewExample を反応ありがとうその

+0

KeyboardAvoidingViewを使用するための特別なルールはありますか?それはScrollViewやそのようなものの最初の子である必要がありますか?私は比較的単純なScrollViewページでv0.36の反応ネイティブを使用しようとしましたが、パディングや高さでは機能しません。 – SomethingOn

関連する問題