react native(七) 界面 UI-demo
来源:互联网 发布:nginx ssl 编辑:程序博客网 时间:2024/05/22 01:42
今天本想继续组件的学习,不过突然接到主管任务(其实也不算任务了,可能主管经验丰富知道该怎么开始学习一门新语言),让我们做个界面,截图发我(心里默默一声 天)截图如下(估计也是我们主管随便在那个APP上随便截的,让我们来练手的):
只好硬着头皮上啦(俗话说,人不逼不成器 ��)
给我五分钟,我需要构思:
1.决定,下面tabBar和上面navigationBar 用原生代码OC来做,比起那些一心求成的程序员,我懂的循序渐进的道理,更懂的一口吃不成个大胖子的俗语,所以我决定只有内部内容用react native。
2.至于内部内容的框架如何,
我自己的想法是底层用scrollerView,内部分textInput,横向ListView,scrollerView包括内部的ListView;
我必须让大神给点意见,最后自己再决定。我截了图发到react native 群里(这群是我在自己学习过程中,偶然看到的,就申请加群了,建议初学者,多加几个群),有大神给的意见是,底层用scrollerView做容器,在该容器中分三大模块(1)textInput(2)横向scrollerView(3)竖向scrollerView,其中在(3)中包括ListView;
询问了同事的想法:分三大模块(1)textInput(2)横向scrollerView(3)竖向scrollerView,其中在(3)中包括scrollerView;
综合上面的情况我决定:分三大模块(1)textInput(2)横向scrollerView(3)竖向scrollerView,其中在(3)中包括ListView;嘿嘿,如果有时间再用别的思路
3.在这就不一一列举做法,综合一下:
再去看一遍scrollerView,然后看着官网上的例子,就开始吧,打开.js文件(用的webstorm),总之用到什么查什么,而且一定要查明白。
在这里粘贴代码不方面呢
如果想要看我写的代码的可以给我留言,也可以加我QQ1279571489
- react native(七) 界面 UI-demo
- React Native 入门(七)
- React Native第一个Demo(1)
- react native (二)‘电影列表demo’
- React Native官方DEMO
- react native demo创建
- react-native 组件demo
- react-native demo
- 【React Native】页面跳转(七)
- React-Native 七:Slider
- react native封装UI
- React Native UI学习
- React-Native Demo 购物app
- react native 实战[商城DEMO]
- React Native Redux TodoList Demo
- (七)React Native---TabBarIOS 组件
- React Native之七牛
- React Native学习七- button
- Vue.js:使用vue-cli快速构建项目
- mysql 5.7 登录,密码修改及忘记密码
- java内存回收
- 用 wait-notify 写一段代码来解决生产者-消费者问题?
- java文件读取写出乱码问题解决
- react native(七) 界面 UI-demo
- 软件测试流程
- 元组也不是那么“不可变”
- C++中的虚函数、纯虚函数区别和联系
- 解决Apache无法解析PHP问题
- 一元多项式的加法和乘法运算(Java实现)——浙大数据结构(陈越)
- Android消息机制——深入理解Handler
- 最小的K个数
- MySQL server PID file could not be found![失败]