在react-native中滚动时固定Navbar

时间:2016-08-05 17:48:38

标签: android react-native

我的android和scrollview有问题。 我希望在软键盘打开时看到textinput。

所以我使用这个组件=> https://github.com/sarovin/react-native-scrollview-smart

但问题是导航栏没有固定在顶部但它消失了......

Gif of error

导航栏是react-native-router-flux =>的组件。 https://github.com/aksonov/react-native-router-flux

有什么建议吗?

谢谢

1 个答案:

答案 0 :(得分:3)

使用react native的keyboar避免查看 KeyboardAvoidingViewExample 喜欢

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>

它会处理那个