Scrollview с реагирующими навигационными вкладками как контентом - PullRequest
Новая
       69

Scrollview с реагирующими навигационными вкладками как контентом

0 голосов
/ 25 октября 2018

У меня есть экран авторизации, на котором я хочу отобразить логотип и реагировать на собственные вкладки, которые переключаются между двумя компонентами.Когда высота содержимого вкладки слишком велика, чтобы уместиться на экране, я хочу иметь возможность прокручивать вниз. 

class AuthContainer extends Component {
    render() {
        return (
            <View style={{flex:1, paddingBottom: 20}}>
                <ScrollView
                    contentContainerStyle={{ flexGrow: 1}}
                    vertical={true}
                    nestedScrollEnabled={true}
                    >
                    <View style={authContainerStyles.heading}>
                        <Image
                            source={require('../../assets/images/logo.png')}
                            style={authContainerStyles.headingImage}
                            resizeMode='contain'
                        />
                    </View>

                    <Tabs/>

                </ScrollView>
            </View>
        )
    }
}

export default AuthContainer;

Проблема заключается в том, что даже если содержимое компонента вкладок превышает высоту экрана, представление прокруткине отображается.

Компонент «Мои вкладки»: 

const routes = {
    LogIn: {
        screen           : LogIn,
        navigationOptions: {
            title     : 'LogIn'
         }
    },
    SignUp: {
        screen           : SignUp,
        navigationOptions: {
            title     : 'SignUp'
        }
    }
}

const routeConfig = {
    tabBarOptions : {
        animationEnabled: true,
        showLabel        : true
    }
}

export default createMaterialTopTabNavigator(routes, routeConfig);

Любая помощь приветствуется.Спасибо всем за потраченное время!

...