|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/develop-deploy-mobile-apps-with-react-native-expo/
课程评论：没有评论
**课程总结：使用 React Native & Expo 开发和部署移动应用** 本课程全面教授 React Native 的知识，并阐述其与 ReactJS 的区别。你将掌握开发和部署可在 Android 和 iOS 上运行的原生移动应用所需的各种工具。最棒的是，你仅需一个代码编辑器和一部手机，无需 Android Studio 或 Xcode 等大型软件即可完成跨平台应用开发。 **课程将涵盖以下主题：** * React Native 简介 * React Native 应用的工作原理 * 本地开发环境的安装与设置 * 创建你的第一个 React Native 应用并在手机上运行 * 理解文件和文件夹结构 * React Native 核心组件 * React Native 组件的样式设置 * 使用 React Native 核心组件的注意事项 * 样式设置的注意事项 * 任务管理器应用布局样式 * 使用 Flexbox 进行布局样式设置 * 为不同区域划分垂直空间 * 为任务和任务列表创建状态变量和函数 * 添加新任务并在屏幕上显示所有任务 * 任务列表区域的样式设置 * 使用 ScrollView 使内容可滚动 * ScrollView 与 FlatList 的对比 * 探索 FlatList 及其用法 * 创建新的 Task Item 组件 * 创建新的 Add Task 组件 * 条件或动态渲染 * 实现删除任务的点击功能 * 实现删除任务的逻辑 * 为必填字段添加验证 * 被点击任务的样式设置 * 添加用于新增任务的 Modal 弹窗 * 为 Modal 弹窗添加滑动动画 * Modal 样式设置 - 第一部分 * Modal 样式设置 - 第二部分 * 取消操作时隐藏 Modal * 为应用添加图片 * 构建和生成用于测试和生产的 APK 文件 * 创建新的 React Native 应用 * 构建新应用 * 安装 React Navigation 库
In this course, you will learn everything about React Native, and how it differs from ReactJS. You will learn about various tools required for developing and deploying native mobile apps that can run both on Android and iOS.The best part is you will only need a code editor along with a mobile phone, you do not need any heavy software like an android studio or xcode for developing mobile apps that will run on both android and ios devices.You will learn the following topics:What is React NativeWorking of React Native appsInstallation and Setup process for Local developmentCreating first React Native app and running on PhoneUnderstanding files and folder structureReact Native Core ComponentsStyling components in React NativeDo's and Don'ts while using React Native core componentsDo's and Don'ts while using StylingTask Manager App Layout StylingLayout styling with FlexboxDividing vertical spaces for different sectionCreating State Variables and Functions for Task and TasklistAdding new task and Showing all Tasks on screenStyling the Task List sectionMaking content scrollable with ScrollViewFlatList vs ScrollViewExploring FlatList and its usageCreating new component Task ItemCreating new Add Task ComponentConditional or Dynamic RenderingImplement the Tap functionality for deleting a TaskImplement Delete Task LogicAdding Validation for Mandatory fieldsStyling the Pressed TaskAdding Modal Popup for Adding New TaskAdding sliding animation to modal popupStyling Modal - Part-1Styling Modal - Part-2Hide Modal on cancelAdding Image to the AppBuild and Generate APK file for testing and productionCreating new react native appBuilding the new appInstalling React Navigation Libraries
