课程分类

useFetchData.js 新建src/hooks/useFetchData.js文件 jsx import React, { useCallback, useEffect, useReducer } from 'react'; import fetchRequest from '../utils/fetchRequest'; // 初始状态 let initialState = { loading: true, error…

新建src/components/shared/NetworkError.js文件 jsx import { StyleSheet, View, Text, TouchableOpacity } from 'reactnative'; import SimpleLineIcons from 'reactnativevectoricons/SimpleLineIcons'; import Colors from '../../constants/Colors'; const NetworkError =…

新建src/components/shared/NoData.js文件 jsx import { View, Text, StyleSheet } from 'reactnative'; import SimpleLineIcons from 'reactnativevectoricons/SimpleLineIcons'; // 未读取到数据 const NoData = () = { return…

新建src/components/shared/Loading.js文件 js import as React from 'react'; import { StyleSheet, ActivityIndicator } from 'reactnative'; import Colors from '../../constants/Colors'; const Loading = () = { return…

jsx import { View, Text, FlatList, RefreshControl, ScrollView, StyleSheet, TouchableWithoutFeedback, Image, } from 'reactnative'; import useFetchData from '../../hooks/useFetchData'; import Loading from '../../components/shared/Loading'; import NetworkError from '../../components/shared…

注意 并不是所有的依赖包都支持web开发。安装其他包的时候，千万要注意查看文档，确认包对web的支持情况…

图片库无需安装，Expo已经内置了reactnativevectoricons(https://github.com/oblador/reactnativevectoricons) 除了引用需要从@expo/vectoricons包外，其他使用没有任何区别 示例 js…

安装 sh npx expo install @reactnativeasyncstorage/asyncstorage 引用 jsx import AsyncStorage from '@reactnativeasyncstorage/asyncstorage'; 存字符串 jsx const storeData = async () = { try { // name 是你自定义的…

安装 sh yarn add reactnativeswiper 使用 jsx import as React from 'react'; import { StyleSheet, Text, View } from 'reactnative'; import Swiper from 'reactnativeswiper'; const HomeScreen = () = { return ( Swiper…

安装 sh npx expo install reactnativewebview 使用 jsx import as React from 'react'; import { WebView } from 'reactnativewebview'; const HomeScreen = () = { return WebView source={{ uri: 'https://clwy.cn…

安装 npx expo install reactnativepagerview yarn add clwyexposcrollabletabview 使用 jsx import React from 'react'; import { StyleSheet, Text } from 'reactnative'; import ScrollableTabView, { ScrollableTabBar } from 'clwyexposcrollabletabview'; import Colors from '../../constants…

仓库地址：https://github.com/clwycn/clwyexpovideoplayer ，实现了在iOS、安卓下完美实现全屏。 安装 jsx npx expo install expoav @reactnativecommunity/slider exposcreenorientation expostatusbar exponavigationbar…

这里需要两个组件 reactnativecollapsible（展开动画） reactnativelineargradient（半透明遮挡） 安装 sh yarn add reactnativecollapsible npx expo install expolineargradient 使用 jsx import React, { useState } from 'react'; import { Dimensions…

安装 sh yarn add reactnativesidemenuupdated 使用 jsx import React, { useState } from 'react'; import { StyleSheet, View, Text, TouchableHighlight, TouchableWithoutFeedback } from 'reactnative'; import SideMenu from 'reactnativesidemenuupdated'; const Menu = props…

安装 sh yarn add reactnativetableviewsimple 使用 jsx import as React from 'react'; import { ScrollView, StyleSheet } from 'reactnative'; import { Cell, Section, TableView } from 'reactnativetableviewsimple'; import Colors from '../../constants/Colors…

安装 Share为React Native自带组件，无需安装 使用 jsx import as React from 'react'; import { View, StyleSheet, TouchableOpacity, Share } from 'reactnative'; import EvilIcons from '@expo/vectoricons…

安装 sh npx expo install @reactnativesegmentedcontrol/segmentedcontrol 基础调用 jsx import { useState } from 'react' import { View, StyleSheet } from 'reactnative'; import SegmentedControl from '@reactnativesegmentedcontrol/segmentedcontrol' const HomeScreen = () =…

编译、上架有两种方式 使用 EAS 云服务（推荐） EAS是Expo提供的编译、上架工具。这真的是非常简单的方法，而且无论你是…

参考：https://docs.expo.dev/build/setup/ 注册账号 首先你得有 Expo 账号，注册地址为：https://expo.dev/signup 安装 EAS CLI 命令行工具 sh…

参考：https://docs.expo.dev/buildreference/appversions/ 修改版本号 iOS上架，最容易失败的一个原因是没有更新构建版本，例如已经上架了一个构建…