More Premium Hugo Themes Premium React Themes

React Native Full Example

第一个完整的react-native项目。包括服务端和移动端两部分。服务端使用express+bootstrap进行搭建,主要功能有登录、退出、模块选择、查看、修改、删除、分页等后台管理的基本功能;移动端主要用到组件View、Text、Image、ScrollView、ListView等常用的组件,也使用了第三方的地图服务(高德地图),作为初学者。是一个很好的学习案例。

React Native Full Example

第一个完整的react-native项目。包括服务端和移动端两部分。服务端使用express+bootstrap进行搭建,主要功能有登录、退出、模块选择、查看、修改、删除、分页等后台管理的基本功能;移动端主要用到组件View、Text、Image、ScrollView、ListView等常用的组件,也使用了第三方的地图服务(高德地图),作为初学者。是一个很好的学习案例。

Author Avatar Theme by liumingmusic
Github Stars Github Stars: 818
Last Commit Last Commit: Feb 19, 2020 -
First Commit Created: Feb 24, 2024 -
React Native Full Example screenshot

Overview:

The document provides a comprehensive guide for setting up and developing a mobile app using React Native for iOS and Android platforms. It covers the installation process for the app development environment and the server-side setup using Express. Additionally, it discusses components of the project structure, API designs, and deployment on a server platform.

Features:

  • Platform Support: Supports iOS and Android platforms.
  • Express Development: Guide for setting up the Express environment for server-side development.
  • Page Development: Includes login, home, edit, delete, modify, and view operations.
  • Debugging Express: Instructions for debugging Express code.
  • Deployment: Steps to deploy the project on a server platform.

Installation:

  1. For Express Development:

    • Set up npm environment: Install Node.js and cnpm (Taobao filter).
    • Install express-generator globally: npm install -g express-generator.
    • Project setup: Generate project modules using express -e service.
  2. For React Native Development:

    • Install React Native CLI: cnpm install -g react-native-cli.
    • Initialize project: Run react-native init project_name to create a new project.
    • Start project: Use react-native run-ios to launch the project.
  3. Debugging Express Code:

    • Install node-inspector globally: sudo cnpm install -g node-inspector.
    • Run node-inspector: supervisor --debug ./bin/www.
    • Open browser and navigate to the provided address.
  4. Deployment on Server:

    • Purchase a cloud server platform (e.g., AWS, Google Cloud).
    • Download Linux version of Node.js.
    • Install necessary dependencies and tools on the server.

Summary:

This document serves as a detailed guide for setting up and developing a mobile application using React Native for iOS and Android. It covers the installation process for both the front-end app development environment and the back-end server setup using Express. Additionally, it provides insights into debugging code, organizing project files, API design standards, and deployment steps on a server platform. This resource is beneficial for developers looking to create cross-platform mobile apps with React Native.