React Native Drawer Item 我想通过

Question

请查看截图 1 - 代码截图 2 - 侧边菜单截图

Answer 1

              <View
                style={{
                  flexDirection: 'row',
                  alignItems: 'center',
                  justifyContent: 'space-between',
                  padding: 12,
                  color: 'white',
                  borderBottomWidth: 1,
                  borderBottomColor: '#aaaaaa',
                  backgroundColor:
                    global.currentScreenIndex === item.screenToNavigate
                      ? '#c1c0c0'
                      : '#fff',
                }}
                key={key}
                
                onStartShouldSetResponder={() =>
                  handleClick(key, item.screenToNavigate)
                }>
                {/* <View style={{ marginRight: 5, marginLeft: 10 }}>
          
                    <Icon name={item.navOptionThumb}  size={25} color="#273983" />
                </View> */}
                <Text style={{ fontSize: 17, color: 'black', marginLeft: 10,}}>
                  {item.navOptionName}
                </Text>
                <View style={{ marginRight:5}}>
                    {/* <Icon name={item.navOptionThumb} size={25} color="#808080" /> */}
                    <Icon name={item.navOptionThumb}  size={20} color="#273983" />
                </View>
              </View>

Answer 2

试试这个对我有用（反应导航 v6）

 <DrawerNavigator.Screen
        name="Home"
        options={{
            drawerIcon: ({color}) => (
                 <Icon name="md-home" color={color}
                   style={{    position: "absolute",right: 10,}}
                 />
            )
        }}
/>