chevron_left

React Native 实践教程

免费
第 3.4 回

教程文档

React Native 实践教程 - 基础准备四:新建所有 Screen 页面

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

基础准备四:新建所有 Screen 页面

Screen 页面示例图

需要新建的页面相当的多!

1.png

发现discover相关的 Screen

新增src/screens/discover/HomeScreen.js

import * as React from 'react';
import { Button, Text, View } from 'react-native';

const HomeScreen = ({ navigation }) => {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text style={{ fontSize: 24 }}>发现的首页</Text>

      <Button titl...

课程介绍

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

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

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

目录

适合这样的人

新手