React Native Easy Toast 使用教程

React Native Easy Toast 使用教程

react-native-easy-toastA react native module to show toast like android, it works on iOS and Android.项目地址:https://gitcode.com/gh_mirrors/re/react-native-easy-toast

1. 项目的目录结构及介绍

React Native Easy Toast 项目的目录结构如下：

react-native-easy-toast/
├── LICENSE
├── README.md
├── index.js
├── lib/
│   ├── Toast.js
│   └── ToastContainer.js
└── example/
    ├── App.js
    ├── index.js
    └── package.json

目录结构介绍

• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• index.js: 项目的入口文件。
• lib/: 包含项目的主要实现文件。
  • Toast.js: Toast 组件的主要逻辑。
  • ToastContainer.js: Toast 容器的实现。
• example/: 项目的示例代码。
  • App.js: 示例应用的主要文件。
  • index.js: 示例应用的入口文件。
  • package.json: 示例应用的依赖配置文件。

2. 项目的启动文件介绍

项目的启动文件是 index.js，它位于项目根目录下。这个文件主要负责导出 Toast 组件，以便在其他项目中使用。

import Toast from './lib/Toast';

export default Toast;

3. 项目的配置文件介绍

React Native Easy Toast 项目本身没有复杂的配置文件。主要的配置文件是 example/package.json，它包含了示例应用的依赖和脚本。

{
  "name": "react-native-easy-toast-example",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.13.1",
    "react-native": "0.63.4",
    "react-native-easy-toast": "file:.."
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "babel-jest": "^26.6.3",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.64.0",
    "react-test-renderer": "16.13.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

配置文件介绍

• name: 示例应用的名称。
• version: 示例应用的版本。
• scripts: 包含启动、测试等脚本命令。
• dependencies: 示例应用的依赖包，包括 React Native 和 react-native-easy-toast。
• devDependencies: 开发依赖包，包括 Babel 和 Jest。
• jest: Jest 测试框架的配置。

react-native-easy-toastA react native module to show toast like android, it works on iOS and Android.项目地址:https://gitcode.com/gh_mirrors/re/react-native-easy-toast