跳至主要內容
React Native 开发环境搭建

React Native 开发环境搭建

Comrade Wang大约 1 分钟移动端react

调试

下载react-native-debuggergithub地址open in new window

使用路由

一个很重要的插件 react-navigation ,详情看文档。

官网open in new window

使用Redux

引用了@reduxjs/toolkitopen in new windowreact-reduxopen in new window

参考资料:https://redux-toolkit.js.org/tutorials/quick-startopen in new window

使用样式类或者预编译器

直接使用Stylesheet吧,不推荐用预编译器。

适配DarkMode

使用react-native-dark-modeopen in new window插件。

具体怎么引用这里不再说明,看文档一步一步来就问题不大。

列举几个常用的写法。

  • useDarkMode:Boolean,判断深色模式是否开启。
  • useDarkModeContext:返回dark或者light,也是用于判断深色模式是否开启的。
  • DynamicStyleSheet, DynamicValue and useDynamicStyleSheet,创建style的时候使用DynamicStyleSheet,在style中可以使用DynamicValue实现css动态变化,最后在函数中使用useDynamicStyleSheet。

更多用法还是详见文档。

如何发送网络请求

官方提供了访问网络open in new window的方法,不过要注意ios和android现在都会组织http请求,具体解决方案可参考iOSopen in new windowAndroidopen in new window

或者可以使用我们最熟悉的axios。