用react native 做的一个推酷client
React 一个 native Client
2023-09-11 14:20:45 时间
用react native 做的一个推酷client
仅供大家參考。仅仅为抛砖引玉。希望大家能以此来了解react。并编写出很多其它的优质的开源库,为程序猿做出贡献。
用的的组件:
- NavigatorIOS
- react-native-swiper
- ListView
- WebView
执行步骤
1、npm install
2、用Xcode打开tuiku.xcodeproj
3、Commmand + R
界面是模仿官网的应用的。一个导航,导航以下是分类,分类以下是列表,分类能够点击切换。也能够左右滑动切换,一直往下来,会载入下一页数据。点击某一项,会进到详情页。详情页直接用一个WebView来显示,功能比較简单,共大家学习。下拉刷新也有一个开源控件,可是为了程序的简单我就没加上。
以下是效果
列表
详情
代码已上传github,点击react-native-tuiku查看
相关文章
- Thinking in React(翻译)
- [转] React风格的企业前端技术
- react-router
- React 组件生命周期
- react 从零开始搭建开发环境
- react、vue中的key有什么作用?(key的内部原理)
- react router component与render有什么区别?提升渲染性能,记一个react router component 误用导致请求死循环的有趣bug
- React.Fragment 的作用:代替div作为外层
- 认识react, 并简单与vue对比
- react 后台(一)react + redux + react-route + webpack+ axios + antd+styled-components(替代less)
- React-native 环境配置及项目创建
- 深入了解React新引擎:React Fiber
- JS教程之 JSX 和React
- 一、React项目骨架搭建
- React里受控与非受控组件
- React Native从入门到放弃之环境搭建
- react用脚手架创建一个react单页面项目,react起手式
- 试着用React写项目-利用react-router解决跳转路由等问题(二)
- React学习之路之创建项目