Code Monkey home page Code Monkey logo

explorern's Introduction

简体中文 | English

项目目的

1.探索新版本RN特性;

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

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

欢迎加入我们:

QQ群:783071253
邮箱:[email protected]
当前RN版本:0.66.4

下载(Android)

下载地址

测试账号

用户名:test
密码:test

项目后台

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

功能

功能名称 简述 使用组件名称及版本
图片选择 选择相册中的图片,亦或进行拍照 [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]

已开发

  • 换肤
  • 骨架屏
  • 多语言支持
  • 莫兰迪色卡
  • 组件可拖拽支持
  • 完善的预览页面
  • 使用新KOA搭建后端
  • 更好的动画Lottie
  • 邮箱注册

待开发

  • 更新到最新版本0.69
  • 多bundle支持
  • Typescript
  • 邮箱找回密码
  • 头像更换及头像历史记录 - 50%
  • 地图集成
  • 推送集成

预览

动态tab-bar

动态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 代码格式化目录

安装依赖

npm 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 中设置支持的语言,目前支持 CNEN

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

页面使用:

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

explorern's People

Contributors

supervons avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.