chevron_left

React Native 实践教程

免费
第 3.6 回

教程文档

React Native 实践教程 - 导航器配置二:Tab 图标、样式

2023年11月23日
React Native 实践教程

导航器配置二:Tab 图标、样式

配置文件

新建src/navigation/options/TabOption.js文件

import * as React from 'react';
import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';

// TabOption 配置
const TabOption = route => {
  let labelName;
  let iconName;

  switch (route.name) {
    case 'DiscoverStack':
      labelName = '发现';
      iconName = 'compass';
      break;
    case 'VideoStack':
      labelName = '视频';
      iconName = 'camrecorder';
      break;
    default:
      labelNa...

课程介绍

「长乐未央」出品的 React Native 开发教程。

课程中使用 React Native 0.64.2 + React Navigation 6.x「新版」

使用 JavaScript 的 React 框架,来创建 iOS 和 Android 原生应用。

目录

适合这样的人

新手