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组成的组件。现在,当我打开键盘时,标题将移出屏幕。我不要总是固定标题。请帮助我实现这一目标