react-native - React Native Drawer Item 我想通过右侧设置图标

Question

请检查屏幕截图 1 - 代码 2 的屏幕截图 - 侧边菜单的屏幕截图

标签： react-nativereact-navigationnavigation-drawerreact-router-navigation

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>