MaterialTopTabNavigator - swipe problem

ImanEmadi

عضویت : 1397/11/04 پرسش ها : 6 پاسخ ها : 5

MaterialTopTabNavigator - swipe problem

ارسال شده در : ‫۴ ماه قبل، شنبه ۲۷ مهر ۱۳۹۸، ساعت ۱۱:۲۸

با سلام ،
من کد ساده زیر رو برای تمرین نوشتم . همه چیز درسته اما صفحه swipe  نمیشه .

این اشکال از خود AVD هست ؟

 

import React, {Component} from 'react';
import {View, Text, Button, StyleSheet, Image, ScrollView} from 'react-native';
import {Header, Left, Right, Icon} from 'native-base';
import {createAppContainer} from 'react-navigation';
import { createMaterialTopTabNavigator } from 'react-navigation-tabs';

const styles = StyleSheet.create({
  parents: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },
  texts: {
    width: '100%',
    height: '100%',
    backgroundColor: 'lightblue',
    color: 'white',
    fontWeight: 'bold',
    fontSize: 30,
    textAlignVertical: 'center',
    textAlign: 'center',
  },
});

class Home extends Component {
  static navigationOptions   = {
    tabBarIcon: ({tintColor}) => (
        <Icon name="md-add" style={{color: tintColor}} />
      )
  };

  render() {
    return (
      <View style={styles.parents}>
        <Text style={styles.texts}>THIS IS HOME PAGE !</Text>
      </View>
    );
  }
}

class Shop extends Component {
  static navigationOptions = {
    tabBarIcon: ({tintColor}) => (
      <Icon name="md-add" style={{color: tintColor}} />
    ),
  };

  render() {
    return (
      <View style={styles.parents}>
        <Text style={styles.texts}>THIS IS SHOP PAGE !</Text>
      </View>
    );
  }
}

class Account extends Component {
  static navigationOptions = {
    tabBarIcon: ({tintColor}) => (
      <Icon name="md-add" style={{color: tintColor}} />
    ),
  };

  render() {
    return (
      <View style={styles.parents}>
        <Text style={styles.texts}>THIS IS Account PAGE !</Text>
      </View>
    );
  }
}

class Setting extends Component {
  static navigationOptions = {
    tabBarIcon: ({tintColor}) => (
      <Icon name="md-add" style={{color: tintColor}} />
    ),
  };

  render() {
    return (
      <View style={styles.parents}>
        <Text style={styles.texts}>THIS IS Setting PAGE !</Text>
      </View>
    );
  }
}

const TopTabMaterial = createMaterialTopTabNavigator(
  {
    Home,
    Shop,
    Setting,
    Account,
  },
  {
    swipeEnabled :true,
    tabBarOptions:{
        showIcon:false
    }
  },
);

export default createAppContainer(TopTabMaterial);
 

یونس قربانی

عضویت : 1396/09/19 پرسش ها : 0 پاسخ ها : 461
ارسال شده در :‫۴ ماه قبل، شنبه ۲۷ مهر ۱۳۹۸، ساعت ۱۳:۵۱

سلام دوست من

برخی مواقع در مجازی ساز کار نمیکنه اگر گوشی اندروید دارید روی گوشی خودتون تست کنید ببینید درست کار میکنه یا نه

0 تشکر

برای ارسال پاسخ باید وارد شوید و یا در سایت عضو شوید