MeiTuan

Overview:

The MeiTuan App in React-Native (0.62.2) is a project that replicates the functionality of the popular Meituan app using React-Native technology. It follows ES6 syntax rules and utilizes React-Native version 0.62.2. The project covers the primary sections of the Meituan app, including group buying, nearby locations, orders, and user profiles, along with some secondary pages like group buying details and web pages. The project aims to provide a basic understanding for beginners in React-Native development.

Features:

• Technology: Developed using React-Native (0.62.2) and following ES6 syntax rules.
• Pages: Includes primary Meituan app pages (group buying, nearby locations, orders, user profiles) and some secondary pages (group buying details, web pages).
• Code Reusability: Achieves a 97% code reuse rate between iOS and Android platforms.
• Static Type Checking: Utilizes Facebook’s Flow tool for static type checking in JavaScript.

Installation:

1. Clone the repository for the Meituan App.
2. Install project dependencies using npm v3 or higher.

npm install

3. For running on iOS:

react-native run-ios

4. Troubleshooting for “Could not connect to development server”: In a separate terminal window, run:

npm start

Summary:

The Meituan App in React-Native (0.62.2) is a demonstration project that replicates the functionality of the Meituan app using React-Native technology. It adopts ES6 syntax and achieves a high level of code reusability between iOS and Android platforms. By utilizing Facebook’s Flow tool for static type checking, the project aims to provide a safer development environment. Additionally, the project showcases the use of react-navigation for features like page navigation, TabBar, and other navigation functionalities.