课程分类

后端接口地址 新建src/constants/Api.js文件 js const dev = false; const Api = dev ? 'http://127.0.0.1:3000' : 'https://clwy.cn…

Screen页面示例图 需要新建的页面相当的多！ 发现discover相关的 Screen 新增src/screens/discover/HomeScreen.js jsx import as React from…

示例图 根Stack 新建src/navigation/RootStackScreen.js文件 jsx import as React from 'react'; import { NavigationContainer } from '@reactnavigation/native'; import { createNativeStackNavigator } from '@reactnavigation/nativestack'; import InformationStackScreen…

配置文件 新建src/navigation/options/TabOption.js文件 jsx import as React from 'react'; import SimpleLineIcons from 'reactnativevectoricons/SimpleLineIcons'; // TabOption 配置 const TabOption = route = { let labelName…

Tab的三个首页，增加顶部图标 新建src/navigation/options/HeaderButtonsOption.js文件 jsx import as React from 'react'; import SimpleLineIcons from 'reactnativevectoricons/SimpleLineIcons'; import Colors from…

Stack公共基础配置 新建src/navigation/options/CardOption.js文件 jsx import as React from 'react'; import Colors from '../../constants/Colors'; import Ionicons from 'reactnativevectoricons/Ionicons'; import…

Modal配置文件 新建src/navigation/options/ModalOption.js文件 jsx import as React from 'react'; import Ionicons from 'reactnativevectoricons/Ionicons'; import Colors from '../../constants/Colors'; import { Platform } from…

fetchRequest 新建src/utils/fetchRequest.js文件 js import AsyncStorage from '@reactnativeasyncstorage/asyncstorage'; import Api from '../constants/Api'; // 自定义 fetch，加上了登录参数 const fetchRequest = async…

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

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

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

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

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

安装 sh yarn add reactnativevectoricons iOS配置 修改/ios/Podfile 增加以下内容到最底部 pod 'RNVectorIcons', :path = '../nodemodules/reactnativevectoricons' pod update cd ios 进入ios目录…

修改根目录.prettierrc.js文件 允许{ }中间有空格 行宽 120 js module.exports = { bracketSpacing: true, jsxBracketSameLine: true, singleQuote: true, trailingComma: 'all', arrowParens: 'avoid', printWidth: 120…

安装 sh yarn add @reactnativeasyncstorage/asyncstorage iOS平台 sh npx podinstall 引用 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 yarn add reactnativewebview iOS下 sh npx podinstall Android下 目前版本无需额外配置 使用 jsx import as React from 'react'; import { WebView } from 'reactnativewebview…

安装 yarn add clwyreactnativescrollabletabview @reactnativecommunity/viewpager 使用 jsx import React from 'react'; import { StyleSheet, Text } from 'reactnative'; import ScrollableTabView, { ScrollableTabBar } from 'clwyreactnativescrollabletabview'; import Colors from '../../constants/Colors'; const…

安装 sh yarn add reactnativeshare iOS下 sh npx podinstall Android下 当前版本无需其他处理 使用 jsx import as React from 'react'; import { View, StyleSheet, TouchableOpacity…