surmon.me.native

A blog applaction for Surmon.me by react-native.

🔝🔝🔝 Scan QRcode or click here 👉 download Android apk

相关的其他项目：

• SRE service: sre.surmon.me
• Web service: nodepress powered by nestjs
• Web client for user: surmon.me powered by Nuxt.js(Vue)
• Web client for admin: angular-admin powered by Angular + Bootstrap4

IOS Runtime

       

Screenshot

IOS

Android

业务结构

• assets
  • 静态资源（字体、图片）
• types
  • 被公共消费的任何类型扩展
• constants
  • 被公共消费的任何直接量
• languages
  • i18n 语言包
• style
  • 类似 Web 平台的 CSS 集合，包含字体、颜色、尺寸、混入
• services
  • 所有会产生（数据、UI）IO 的数据交互接口
• utils
  • 不发生 IO 行为的所有工具性质的 pure function
• components
  • 所有公共组件（全局、局部、布局）
• pages
  • 所有被导航器消费的页面级组件
• stores
  • 全局性质的公共 store
• config
  • App 全局配置
• routes
  • App 路由表（枚举量）
• index
  • 不涉及 UI 风格的导航栈实例及配置

设计细节

• darkTheme：
  • 使用 Mobx 的 observable 实现配色更新
• Markdown 的实现：
  • 使用 Webview 注入的形式实现 Markdown 渲染，及 响应式主题切换
• i18n：
  • 同样使用 Mobx 的 observable 实现语言实时响应
• 本地存储：
  • 使用 AsyncStorage 及本机数据 初始化用户数据
• 了解更多的实现细节：
  • 阅读源码
  • 读博客

开始开发

当你决定要开始开发，或开发遇到异常找不到答案时，请打开为你准备的万能锦囊： ISSUE_COLLECTION.md