supervons / explorern Goto Github PK

View Code? Open in Web Editor NEW

156.0 5.0 15.0 10.68 MB

新版本RN项目，Base on react native 0.74.1，包含众多RN组件，先实践后使用，累积方案应对各种场景，后端地址：https://github.com/supervons/ExploreKoa

License: MIT License

JavaScript 66.30% Objective-C 0.04% Ruby 0.05% Shell 0.01% Objective-C++ 0.02% TypeScript 33.55% Kotlin 0.04%

react-native-component react-native-study react-native-app react-native-demo rn-study rn-demo android ios redux

explorern's Introduction

简体中文 | English

项目目的

1.探索新版本RN特性；

2.集成各类组件并实验，造自己的轮子！

3.锻炼自己的架构能力并持续编码和代码优化。

欢迎加入我们：

QQ群：783071253
邮箱：[email protected]
当前RN版本：0.74.1

下载（Android）

Firim : http://d.maps9.com/25th

测试账号

用户名：test
密码：test

项目后台

基于Koa2 + Typescript 打造高可用的NodeJS后台

地址：https://github.com/supervons/ExploreKoa

功能

功能名称	简述	使用组件名称及版本
图片选择	选择相册中的图片，亦或进行拍照	[email protected]
扫一扫	扫一扫二维码，获取二维码中的信息	[email protected]
换肤	更换系统导航头部及按钮颜色	[email protected]
UI库	整体UI库	[email protected]
Redux全家桶	redux及中间件的使用	[email protected] [email protected] [email protected] [email protected]
网络请求	统一封装网络请求	[email protected]
基于hook重写	基于hook重写class页面	[email protected]
骨架屏	提升列表、页面浏览体验	[email protected]
国际化	app语言切换，随本地系统设置	[email protected] + [email protected]
组件可拖拽	组件元素随触摸拖拽移动位置	[email protected]

已开发

待开发

预览

动态tab-bar

骨架屏

组件可拖拽

I18国际化

主题换肤

莫兰迪色卡

项目结构

|-- android	// android 目录
|-- ios	// iOS 目录
|-- src	// 项目文件夹
|   |-- actions	// 接口相关目录
|   |-- common	// 通用配置常量目录
|   |-- components	// 系统级组件目录
|   |-- hook	// 自定义hook目录
|   |-- redux	// redux相关目录
|   |   |-- action
|   |   |-- reducer
|   |   |-- store
|   |-- resource	// 资源目录
|   |-- routers	// 路由导航目录
|   |-- screens	// 系统页面目录
|   |-- styles	// 系统通用样式目录
|   |-- utils	// 系统工具目录
|-- App.js	// 入口文件
|-- buildAndroid.sh	// android打包脚本
|-- package.json	// 这个就不用说了
|-- package-lock.json	// 同上
|-- .prettierrc	// prettierrc 代码格式化目录

环境要求

node > 18
JDK > 17

安装依赖

yarn install
# 如果是 iOS 则需要执行以下操作，确保网络畅通
cd ios && pod install

运行

android:

react-native run-android
runAndroid.sh

ios:

Xcode选择AwesomeProject.xcworkspace启动

设置服务端URL

src/common/constants.js 中设置 serverUrl

国际化语言设置

/src/common/languages.js 中设置支持的语言，目前支持 CN、EN

对应在 /src/common/cn.js、/src/common/en.js 设置相关语言包

页面使用：

I18n.t("Register.userEmptyToast") // 注册页面用户名空时提示语

explorern's People

Contributors

Stargazers

Watchers

Forkers

hericyan lizhooh mars1314 msdgwzhy6 shi7 jiangjiatao 0xssw chidaihuashi chen-d-yu liuyinghui523 git-thinh stantoxt wonxll mzzdxt

explorern's Issues

登录闪退

输入 test 即闪退，在 API 28 的模拟器，或者 Android 12 的红米

IOS Build failed

Hi @supervons

npm install && cd ios && pod install

Then npm run ios

Seems missing launchscreen.storyboard in ios project folder?

``ompileStoryboard /Users/kwan/Programming/Javascript/react/react-native/ExploreRN/ios/AwesomeProject/LaunchScreen.storyboard (in target 'AwesomeProject' from project 'AwesomeProject')
cd /Users/kwan/Programming/Javascript/react/react-native/ExploreRN/ios
export XCODE_DEVELOPER_USR_PATH=/Applications/Xcode.app/Contents/Developer/usr/bin/..
/Applications/Xcode.app/Contents/Developer/usr/bin/ibtool --errors --warnings --notices --module AwesomeProject --output-partial-info-plist /Users/kwan/Library/Developer/Xcode/DerivedData/AwesomeProject-aixksmvfkllnnhcnwqtrbsuhrpqe/Build/Intermediates.noindex/AwesomeProject.build/Debug-iphonesimulator/AwesomeProject.build/LaunchScreen-SBPartialInfo.plist --auto-activate-custom-fonts --target-device iphone --minimum-deployment-target 10.0 --output-format human-readable-text --compilation-directory /Users/kwan/Library/Developer/Xcode/DerivedData/AwesomeProject-aixksmvfkllnnhcnwqtrbsuhrpqe/Build/Intermediates.noindex/AwesomeProject.build/Debug-iphonesimulator/AwesomeProject.build /Users/kwan/Programming/Javascript/react/react-native/ExploreRN/ios/AwesomeProject/LaunchScreen.storyboard
error: Build input file cannot be found: '/Users/kwan/Programming/Javascript/react/react-native/ExploreRN/ios/AwesomeProject/LaunchScreen.storyboard' (in target 'AwesomeProject' from project 'AwesomeProject')

** BUILD FAILED **

The following build commands failed:
CompileStoryboard /Users/kwan/Programming/Javascript/react/react-native/ExploreRN/ios/AwesomeProject/LaunchScreen.storyboard
(1 failure)

info Run CLI with --verbose flag for more details.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] ios: react-native run-ios
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] ios script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/kwan/.npm/_logs/2021-12-05T07_20_05_913Z-debug.log

node 12.18.2

升级0.68

有打算成绩68么看68做了很多性能方面的优化

How to solve the dependency issue

iangzehu@Tigers-Book ExploreRN % npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react-native
npm ERR! react-native@"^0.66.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native@"^0.58.0" from [email protected]
npm ERR! node_modules/react-native-echarts-liquidfill
npm ERR! react-native-echarts-liquidfill@"^1.0.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/jiangzehu/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/jiangzehu/.npm/_logs/2021-10-28T04_02_51_551Z-debug.log