chevron_left

React Native 实践教程

免费
第 3.7 回

教程文档

React Native 实践教程 - 导航器配置三:Header Buttons(顶部按钮)

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

导航器配置三:Header Buttons(顶部按钮)

Tab 的三个首页,增加顶部图标

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

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

const HeaderButtonsOption = navigation => {
  return {
    headerLeft: () => (
      <SimpleLineIcons
        name="bell"
        size={20}
        color={Colors.headerButton}
        onPress={() => navigation.navigate('InformationStack')}
      ...

课程介绍

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

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

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

目录

适合这样的人

新手