chevron_left

React Native 实践教程
免费
第 2.4 回

教程文档

React Native 实践教程 - 配置顶部 Header Bar

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

配置顶部 Header Bar

方法列表

用法 说明
options={({ route }) => ({ title: route.params.title })} 在stack中配置，会取得上一页传递过来的title参数
navigation.setOptions({ title: '标题更新了!' })} 通过代码，手动设置title

使用路由参数来配置 Header Bar

import * as React from 'react';
import { View, Text, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen({ navigation }) {
 ...
请登录后查看更多expand_more

课程介绍

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

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

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

目录

适合这样的人

新手

授课老师