chevron_left

Expo Go 实践教程

免费
第 4.4 回

教程文档

Expo Go 实践教程 - 轮播图:react-native-swiper 的使用

2023年11月24日
Expo Go 实践教程

轮播图:react-native-swiper 的使用

安装

yarn add react-native-swiper

使用

import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Swiper from 'react-native-swiper';

const HomeScreen = () => {
  return (
    <Swiper style={styles.wrapper} showsButtons={true}>
      <View style={styles.slide1}>
        <Text style={styles.text}>Hello Swiper</Text>
      </View>
      <View style={styles.slide2}>
        <Text style={styles.text}>Beautiful</Text>
   ...

课程介绍

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

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

目录

适合这样的人

新手