Question

我正在使用React native开发应用程序，

当我不在IOS设备上的主屏幕上时，向右滑动；代替抽屉[幻灯片菜单]，将打开上一个屏幕。

[在android设备上，当我在主屏幕上向右轻扫时，抽屉菜单[幻灯片菜单]完美打开]

我应该如何解决此问题？

我的抽屉菜单代码

import PropTypes from 'prop-types';
import React, {Component} from 'react';
var styles = require('../../assets/files/Styles');
import {NavigationActions} from 'react-navigation';
import {Dimensions, ScrollView, View, Image, TouchableOpacity} from 'react-native';
import { Container, Header, Content, List, ListItem, Text, Left, Thumbnail, Body, Right, Switch } from 'native-base';
var {height, width} = Dimensions.get('window');

import Strings from '../utils/Strings';
import { SimpleLineIcons } from '@expo/vector-icons';


class SideMenu extends Component {
  navigateToScreen = (route) => () => {
    const navigateAction = NavigationActions.navigate({
      routeName: route,
    });
    this.props.navigation.dispatch(navigateAction);
  }

  render () {
    return (
      <View style={styles.container_menu}>
          <View style={{flexDirection:'column', justifyContent: 'center', alignItems: 'center',  backgroundColor: '#FFF', height: height * 0.30, marginTop: 30, padding:30}}>
<Image
      source={require('../../assets/images/logo_dark.png')}
      style={{flex: 1, width: 120, height: 120}}
      resizeMode='contain'/>
</View>

        <ScrollView>

              <ListItem style={styles.item_menu} onPress={this.navigateToScreen('WorkoutsScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST1}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

                <ListItem style={styles.item_menu} onPress={this.navigateToScreen('ExercisesScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST2}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

            <ListItem style={styles.item_menu} onPress={this.navigateToScreen('DietsScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST3}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

              <ListItem style={styles.item_menu} onPress={this.navigateToScreen('PostsScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST4}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

              <ListItem style={styles.item_menu} onPress={this.navigateToScreen('QuotesScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST5}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

                <ListItem style={styles.item_menu} onPress={this.navigateToScreen('ProfileScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST6}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>


                <ListItem style={styles.item_menu} onPress={this.navigateToScreen('SettingsScreen')}>
              <Body>
                <Text style={styles.text_menu}>{Strings.ST7}</Text>
              </Body>
              <Right>
                <SimpleLineIcons name="arrow-right" style={styles.icon_menu} />
              </Right>
            </ListItem>

        </ScrollView>
        <View style={styles.footer_menu}>
        <TouchableOpacity onPress={this.navigateToScreen('LogoutScreen')}>
          <Text>{Strings.ST8}</Text>
        </TouchableOpacity>
        </View>
      </View>
    );
  }
}

SideMenu.propTypes = {
  navigation: PropTypes.object
};

export default SideMenu;

在IOS设备上向右滑动

0 个答案: