React Native Scaling Drawer 项目教程
react-native-scaling-drawer React Native Scaling Drawer 项目地址:https://gitcode.com/gh_mirrors/re/react-native-scaling-drawer
1. 项目的目录结构及介绍
react-native-scaling-drawer/
├── src/
│ ├── components/
│ │ ├── ScalingDrawer.js
│ │ └── index.js
│ ├── styles/
│ │ └── styles.js
│ └── index.js
├── App.js
├── index.js
├── package.json
└── README.md
src/ : 包含项目的主要源代码。
components/ : 存放主要的组件文件。
ScalingDrawer.js : 实现滑动缩放抽屉的核心组件。index.js : 组件的入口文件。 styles/ : 存放样式文件。
index.js : 项目的入口文件。 App.js : 项目的根组件。index.js : 项目的启动文件。package.json : 项目的配置文件,包含依赖和脚本。README.md : 项目的说明文档。
2. 项目的启动文件介绍
index.js
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
AppRegistry.registerComponent(appName, () => App);
AppRegistry.registerComponent : 注册根组件,appName
是从 app.json
中读取的应用名称。App : 导入的根组件。
3. 项目的配置文件介绍
package.json
{
"name": "react-native-scaling-drawer",
"version": "1.0.0",
"description": "A React Native scaling drawer component",
"main": "index.js",
"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.2"
},
"devDependencies": {
"babel-jest": "^26.3.0",
"jest": "^26.4.2",
"react-test-renderer": "16.13.1"
},
"jest": {
"preset": "react-native"
}
}
name : 项目名称。version : 项目版本。description : 项目描述。main : 项目的入口文件。scripts : 定义可执行的脚本命令。
start : 启动 React Native 开发服务器。android : 运行 Android 应用。ios : 运行 iOS 应用。test : 运行测试。 dependencies : 项目依赖的库。devDependencies : 开发环境依赖的库。jest : 测试框架的配置。
react-native-scaling-drawer React Native Scaling Drawer 项目地址:https://gitcode.com/gh_mirrors/re/react-native-scaling-drawer