chevron_left

React Native 实践教程

免费
第 4.4 回

教程文档

React Native 实践教程 - 轮播图:react-native-swiper 的使用

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

轮播图: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>
   ...

课程介绍

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

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

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

目录

适合这样的人

新手