您可以在不使用react-native中创建自定义抽屉的情况下更改抽屉项目样式吗?

问题描述 投票:0回答:2

我在我的反应本机应用程序中使用抽屉导航器,我想知道您是否可以更改抽屉屏幕中存在的项目的样式而不制作自定义抽屉?类似于为 Drawer.Screen 提供自定义视图样式,所以它不像在文本之前添加图标那么基本

My drawer

My drawer screen component

就像添加一些道具到

<Drawer.Screen>

javascript android react-native navigation-drawer
2个回答
0
投票

您可以将这些道具传递给 Drawer.Screen 进行个性化设置。

例如:

  <Draw.Screen
        name={screens.PROFILE}
        component={Profile}
        options={{
          headerTitleStyle: {fontFamily: 'Gugi-Regular'},
          drawerLabel: navLabels.PROFILE,
          drawerIcon: () => (
            <View style={styles.drawIconStyles}>
              <Icon name={icons.PERSON_ICON} size={25} tint={'#9E9E9E'} />
            </View>
          ),
          drawerItemStyle: {backgroundColor: 'red'},
        }}
      />

enter image description here


0
投票

https://reactnavigation.org/docs/drawer-navigator/

道具

style
labelStyle
对您有好处吗?

© www.soinside.com 2019 - 2024. All rights reserved.