Как перемещаться, используя список в реагировать нативных элементов

Question

Я интегрировал элементы списка собственных элементов реагирования для бокового ящика в моем проекте, но здесь я не могу перейти с помощью элементов списка на другую страницу

Здесь я обновил полный код страницы без стилей

Вот сообщение об ошибке

Я уже пробовал следующий код ниже:

 import React, { Component } from 'react';
 import { Col, Row, Grid } from 'react-native-easy-grid';
 import Colors from '../constants/Colors';
 import CartScreen from '../screens/CartScreen';
 import {
      View,
      Image,
      ScrollView,
      Text,
      TouchableOpacity,
      Keyboard,
   } from 'react-native';
  import { DrawerActions, StackNavigator  } from 'react-navigation';
  import { List, ListItem, Button, navigationOptions } from 'react- 
  native-elements';
  import { Ionicons, AntDesign, EvilIcons, Feather, FontAwesome } from 
    '@expo/vector-icons';


const list = [
    {
         title: 'HOME',
         icon: 'shopping-cart',
         page: 'MyCart',
        color: '#D3D3D3'     
   },
{
    title: 'OFFERS',
    icon: 'notifications',
    page: 'CartScreen'
}, ]

 const sideMenuComponent = props =>
  (
       <View style={styles.container}>
        <ScrollView>     
    <View style={styles.container2}>
                {
                    list.map((item, i) => (
                        <ListItem
                            key={i}
                            title={item.title}
                            leftIcon={{ name: item.icon }}
                            linearGradientProps={{
                                colors: ['#D3D3D3', '#D3D3D3'],
                                start: [1, 0],
                                end: [0.2, 0],
                              }}
                            onPress={() => 
                      this.props.navigation.navigate(item.page)}
                            borderTopWidth={1}
                            titleStyle={{ color: Colors.textColor }}

                        />
                    ))
                }
            </View>
        </ScrollView>
        </View>
     );
class SideMenu extends Component {

        goToOtherScreen(page) {
          this.props.navigation.navigate(page);
          }

    render() {
         return sideMenuComponent(this.props);
       }
  }

экспорт по умолчанию SideMenu;

Answer 1

Вы можете обернуть элемент списка сенсорной непрозрачностью, а функция onPress () сенсорной непрозрачности должна перемещаться туда, куда вы хотите.