本项目用于毕业设计的前端文件,基于React Native
和SpringBoot
开发
由于阿里云短信限制个人一天只能发10条,所以项目目前测试阶段的验证码在点击此处获取验证码
踩坑不易,走在前人的肩上砥砺前行,以下为本项目全程开发所参考过的文章,感谢你们。
基于 Alloy Team 的代码风格,详情可看这里:https://github.com/AlloyTeam/tslint-config-alloy
本项目在开始使用这两者结合的时候比较陌生,所以踩了许多坑,参考了大量文章配置。
- 请参考:https://github.com/Microsoft/TypeScript-React-Native-Starter
- TypeScript 在 React 中使用总结:https://juejin.im/post/5bab4d59f265da0aec22629b#heading-10
- TypeScript 实践:https://juejin.im/post/5a9c004a6fb9a028b92c9e91
- React + TS 2.8:终极组件设计模式指南:https://segmentfault.com/a/1190000015326439#articleHeader2
- https://www.vanadis.cn/2016/07/01/react-native-iconfont/
- https://juejin.im/post/5ac80a265188255569193bb0
- https://www.jianshu.com/p/c900f6a0797f
本项目使用的版本为:"@types/react-navigation": "^3.0.1"
和"react-navigation": "^3.2.1"
,由于版本更新部分 API 已有变动,所以本项目只参考配置和设计,具体实现在本项目/app/navigation/
中。
- https://www.jianshu.com/p/aca22ef29bfe
- https://juejin.im/post/5af12a836fb9a07aa11425a0#heading-4
- https://www.kancloud.cn/daiji/webapp/509781
- react-navigation/react-navigation#888
- Tab Bar 问题:react-navigation/react-navigation#581 、 react-navigation/react-navigation#464
- Redux 和 React Navigation 结合: https://stackoverflow.com/questions/53846615/react-native-navigation-v3-with-redux
- Add strong typing for react navigation props: https://stackoverflow.com/questions/47924501/add-strong-typing-for-react-navigation-props
- navigationOptions from nested TabNavigator inside StackNavigator:
- 子组件没有 this.navigation.navigate():https://stackoverflow.com/questions/45978679/react-native-cannot-read-property-navigate-of-undefined
- React Nativa 中使用 Redux https://www.jianshu.com/p/2a327a235f2d
- React Redux 中 connect()详解:
- React Native 常用三方组件库大全:https://juejin.im/post/5b915770e51d450e9f66de40#heading-85
- 视频全屏播放:
- https://github.com/abbasfreestyle/react-native-af-video-player#fullscreen-videos-inside-a-scrollview
- 最外层宽度不能写死
- 用了组件的 ScrollView 之后,不能与其他内容部分同层,不然会有内容在全屏后无法消失
因为总页面数量有接近七八十个,所以挑了比较重要的截了上来