Tag: Javascript开发

在React Native上为“ HackerJobs”实现黑暗模式

我感到很累，但决心完成这个正确的应用程序。 我还想了解其他事情。 与往常一样，可以在这里找到该应用的仓库。 今天的主要重点是完成大部分“黑暗模式”，这是我多年来一直希望在我的应用程序上要做的事情。 有很多要介绍的内容，所以让我们开始吧。 表明我们处于黑暗模式 以前，我必须在应用程序中创建某种“设置”功能。 今天，这是由Redux处理的，在InitialState的Settings部分中带有嵌套的true / false布尔值。 const initialState = { selectedTab: “Jobs”, savedJobs: [], settings: { “Dark Mode”: true, “Shuffle Job Threads When Opening”: true } } 事实证明，这非常有用，因为我现在可以访问应用程序的大部分内容，我们需要使用一个简单的MapStateToProps调用来指示其视图状态。 mapStateToProps = (state) => { return { savedJobs: state.get(‘savedJobs’), darkMode: state.get(‘settings’)[‘Dark Mode’] } } 这只是我痛苦的开始。 背景资料 由于每个应用程序选项卡组件屏幕都是独立创建的，因此需要进行一些工作以统一样式。 我创建了DarkStyles JS文件，该文件导出了深色视图所需的各种样式。 export const darkstyle = […]