react-nativereact-native-drawer

React Native Drawer Item I want to set icon right side via


Please check screenshot 1 - Screenshot of Code 2 - Screenshot of Sidemenu

enter image description here

enter image description here


Solution

  •               <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>