在React Native Navigation Drawer中添加节/分隔符

时间:2018-10-09 01:00:08

标签: react-native navigation-drawer react-navigation android-navigation-drawer react-navigation-drawer

我有一个使用React Navigation Drawer,使用自定义抽屉组件的React Native项目:

const CustomDrawerContentComponent = (props) => (
    <Container>
        <Header androidStatusBarColor={Colors.BlueDark} title="Title" style={styles.drawerHeader} onPress={() => this.props.navigation.navigate('Home')}>
            <Body style={styles.container}>
                <LogoCircle size={15} />
                <Container style={styles.drawerTextContainer}>
                    <Text style={styles.drawerText}>My App</Text>
                </Container>
            </Body>
        </Header>
        <Content>
            <DrawerItems {...props} />
        </Content>
    </Container>
);

是否可以添加分隔线来划分抽屉项目?我想将我的一半物品放在一个部分中,另一半放在一个分隔器中。

我知道可以创建自定义的抽屉条目,这些条目可以在印刷时导航到某些页面,但是在这种情况下,我不能使用“ activeBackgroundColor”之类的样式。

0 个答案:

没有答案