chevron_left

React Native 实践教程

免费
第 3.14 回

教程文档

React Native 实践教程 - 公用组件三:没有数据提示

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

公用组件三:没有数据提示

新建src/components/shared/NoData.js文件

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';

// 未读取到数据
const NoData = () => {
  return (
    <View style={styles.notice}>
      <SimpleLineIcons name={'drawer'} size={160} color={'#ddd'} />
      <Text style={styles.noticeMsg}>没有内容</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  notice: {
    flex: ...

课程介绍

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

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

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

目录

适合这样的人

新手