模拟手机百度

8. react-native-android之----模拟手机百度feed流

非 Y 不嫁゛ 提交于 2020-04-16 08:05:22
【推荐阅读】微服务还能火多久?>>> 欢迎大家收看react-native-android系列教程,跟着本系列教程学习,可以熟练掌握react-native-android的开发,你值得拥有: http://my.oschina.net/MrHou/blog?catalog=3590216&temp=1466310573630 本章,咱们一起动个手,来模仿一下手机百度的新闻流。学习一样东西,最好在有了一定基础之后,最好照着已有的一些产品,简单的实现一下。 1. 手机百度的feed流样式观察 动手之前,我们先来看看手机百度新闻feed流,都由那些元素组成吧,如图1.1: 图1.1 我们看到,整体由上方的搜索框+工具条组成,我们暂且叫上方部分为搜索区吧,下方则是由新闻内容区组合而成。下方是由几个工具组成的底部工具栏。在滑动下方新闻feed流过程中,上方的搜索区位置不变。下方的工具栏位置也不变。 2. 设计目录结构及代码书写 好了,我们大致的结构分析完了。要coding?别捉急,我们在coding之前还是要好好设计目录结构的。根据上面分析的信息,我们决定先将整个activity拆分为三大块。 1. 搜索区 2. 中间内容区 3. 底部工具栏区 2.1 拆分模块 所以,我认为,首先要将三个区块拆为三个模块。我们需要一个static文件夹,然后我们在static文件夹下