短视频带货源码，底部导航栏

关于短视频带货源码，底部导航栏的代码编辑
代码示例:

import React,{
     Component} from 'react'
import 'react-native-gesture-handler';
import {
      NavigationContainer } from '@react-navigation/native';
import {
      createStackNavigator } from '@react-navigation/stack';
import {
      createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import FontAwesome from 'react-native-vector-icons/FontAwesome';

import {
     
  View,
  Text,
  StyleSheet,
  Button
} from 'react-native'

class App extends Component{
     

    render()
    {
     
      const Stack = createStackNavigator();
      const Tab = createBottomTabNavigator();
        return(
          
            {
     {
     
                      activeTintColor: '#e91e63',
                      inactiveTintColor:'blue'
                    }}
            >
              {
     Home} options={
     {
     
                tabBarIcon:({
     color,size})=>{
     
                  return {
     30} color={
     color}/>
                }
              }}/>
              {
     Detail} options={
     {
     
                  tabBarIcon:({
     color,size})=>{
     
                    return {
     30} color={
     color}/>
                  }
              }} />
            
          
                
        )
    }
}

class Home extends Component{
     
  
  render()
  {
      
    console.log
      return(

          
              homea
              {
     30} color="#900"/>
              {
     ()=>{
     
                  this.props.navigation.navigate('Detail');
                }} 
                title='go'

              />
          
      )
  }
}

class Detail extends Component{
     

  render()
  {
     
      return(

          
              details
          
      )
  }
}


const styles = StyleSheet.create({
     
  

})


export default App

以上就是短视频带货源码关于底部导航栏编辑的所有代码，更多关于短视频源码的信息，欢迎关注之后的文章
本文转载自网络，转载仅为分享干货知识，如有侵权欢迎联系云豹科技进行删除处理