chevron_left

Expo Go 实践教程

免费
Expo Go 实践教程

底部 Tab 栏

项目结构

使用以下项目文件结构

app
   _layout.js
   index.js
   details.js

基础的 Tab

修改/app/_layout.js

import { Tabs } from 'expo-router/tabs';

export default function Layout() {
  return <Tabs />;
}

修改/app/index.js

import { View, Text } from 'react-native';

export default function Index() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>这里是首页</Text>
    </View>
  );
}

修改**/app/detai...

课程介绍

如果你是 App 开发新手,最简单的方法就是使用 Expo Go。Expo 是一套围绕 React Native 构建的工具和服务,虽然它有许多功能,但目前对我们来说最相关的功能是它可以让你在几分钟内编写一个 React Native 应用程序。你只需要一个最新版本的 Node.js 和一个手机或模拟器。

通过使用 expo,你甚至可以在 Windows 上开发预览 iOS App。并可以直接在 Windows 上将你开发的应用发布到苹果的 App Store,Mac 电脑不再是你开发 iOS App 的阻碍。这是以往使用原始 React Native 不可想象的事情。

目录

适合这样的人

新手