项目:App双语帮
负责人:
里程碑: App双语帮-4.0.0
是否置顶: 重要
标签: enhancement feature
技能:   
yyppaag 2020-10-08 01:12

 

1. 分支在 feature/upgrade_rn_0.62.2_dark

2. 当前用的react-native-dark-mode不再维护, react-native-dynamic用的function & useState 机制处理的,对于class来说兼容性很差,所以我做了一些处理,来简化代码

 

3. 对暗黑模式的使用方法请参见ThemeModeSetController 

   主要是四个步骤

   a. import { useDynamicValue, DynamicStyleSheet, DynamicValue } from 'App/components/dynamic';

   b. 利用DynamicStyleSheet 来创建style

   c. 用DynamicValue来适配对应的样式

   d. 用useDynamicValue来获取当前的样式

 

4. App/const/dynamicTheme.js 这个里面有之前Tim整理的相关样式

 

5. 需要继续处理的动作是把每个页面对应的暗黑样式调整出来

 

 

评论(1)

Adam
Adam 2020-10-27 10:08

双语帮app增加夜间模式切换入口,见设计图:https://lanhuapp.com/url/n5FzI-Mryu6 (第3个说明)

 

双语帮app设计规范及夜间模式设计:https://lanhuapp.com/url/ArCvG-1Xo6R 

游客