当键盘在react native中打开时,Header移出屏幕

时间:2020-02-14 18:44:05

标签: react-native

   renderMobileComponent(currentPageIndex , headerTitleName , percentageProgessBar , previousPercentageProgressBar , pageInfo , navigation ) {
            const {
                nextButtontext
            } = store.onBoardingStore
            return (<View style={{ flex: 1 }}>
                <OnBoardingHeaderProgressBar headerData={this.headerData}
                    currentPageIndex={currentPageIndex}
                    headerTitle={headerTitleName} />
                <View>
                    <ProgressBarOnboarding currentPercentageProgressBar={percentageProgessBar}
                        previouspreviousPercentageProgressBar={previousPercentageProgressBar} />
                </View>
                <OnBoardingRouteDecider
                                 getRefer={refer => {
                                    if (refer) {
                                        this.onBoardingRefer = refer
                                    }
                                }}
                                headerData={pageInfo}
                                navigation={navigation}
                                />
                 <TouchableOpacity onPress={() => {
                                    if (this.onBoardingRefer) {
                                        this.onBoardingRefer.validateComponents(pageInfo)
                                    }}}
                                    style={styles.NEXT_BUTTON}>
                              <Text style={styles.NEXT_BUTTON_TEXT}> {nextButtontext}</Text>
                 </TouchableOpacity>
            </View>)
        }
OnBoardingRouteDecider =() => { <View style={{ flex: 1 , marginVertical: isTablet() ? 40 : 0}} >
        {this.renderSkipButton(headerData)}
        <KeyboardAwareScrollView
          keyboardShouldPersistTaps='handled'
          showsVerticalScrollIndicator={false}
           contentContainerStyle={{flexGrow : !isTablet() ? 1 : null, justifyContent : 'center'}}
          style={{ marginLeft: isTablet() ?  dimens.size40 : 0 }}
          enableOnAndroid={true}
        >
          {isTablet() ? this.renderTabComponents(userTypeData , headerData) : this.renderMobileTab(headerData)}
        </KeyboardAwareScrollView>
        {showAccountMergeModal ? this.showAccountMergeModal() : NULL}

      </View>}

OnboardingHeaderProgressBar和progressBarOnboarding显示我的标题,OnBoardingRouteDecider显示我的内容。在OnboardingRouteDecider中,有一些由TextInput组成的组件。现在,当我打开键盘时,标题将移出屏幕。我不要总是固定标题。请帮助我实现这一目标

0 个答案:

没有答案