功能:
1、简单的查看电影demo
2、点击按钮跳转
3、点击列表页中的某一条跳转到相应详情页
页面:
首页=>电影列表页=>详情页
总结:
1、练习了props,state,样式,长列表,网络,触摸事件,Flexbox布局(学习资料:http://flexboxfroggy.com/)
2、练习了使用导航器跳转页面 https://reactnative.cn/docs/navigation/
注意项:
1、ScrollView和长列表组件的区别
ScrollView
适合用来显示数量不多的滚动元素。放置在ScollView
中的所有组件都会被渲染,哪怕有些组件因为内容太长被挤出了屏幕外。如果你需要显示较长的滚动列表,那么应该使用功能差不多但性能更好的FlatList
组件。
长类表组件包括:FlatList
组件和SectionList组件
FlatList
组件用于显示一个垂直的滚动列表,其中的元素之间结构近似而仅数据不同。更适于长列表数据,且元素个数可以增删。和ScrollView
不同的是,FlatList
并不立即渲染所有元素,而是优先渲染屏幕上可见的元素。
如果要渲染的是一组需要分组的数据,也许还带有分组标签的,那么SectionList
2、网络方面
a、能使用的方法有:Fetch、
基于 XMLHttpRequest 封装的第三方库,例如frisbee或是axios等、WebSocket
b、不能使用的方法: jQuery,因为 jQuery 中还使用了很多浏览器中才有而 RN 中没有的东西、不是所有 web 中的 ajax 库都可以直接使用
c、使用Fetch的时候不要忘记catch
catch((error) =>{
console.error(error);
})
d、网络请求天然是一种异步操作(译注:同样的还有asyncstorage,请不要再问怎样把异步变成同步!无论在语法层面怎么折腾,它们的异步本质是无法变更的。异步的意思是你应该趁这个时间去做点别的事情,比如显示 loading,而不是让界面卡住傻等ÿ