初识ReactNative第二天

100 阅读2分钟

props(属性) 修改和调试ReactNative 获取一些有用的信息,比如说Text的一些属性,给空间声明属性的,位置,或者使用方式

当我们会创建一个工程的时候,我首先做的是运行程序看一下里面的内容都是什么

运行之后的样子
TM竟然不是HelloWorld!,老子不服,要改!!!!! 打开index.ios.js,出现很多懵逼的东西,这也看不懂啊

不要着急,XCode里面不是有cmd+F嘛,或许Sublime能有用的,按下去之后果然好使,小得意... 搜索Welcome 找到一行和模拟器运行的一模一样,改吧...hello world! 然后按照模拟器上的cmd+R,发现刷新是刷新了,东西没变啊,用XCode运行也是一样,怎么回事呢?? 懵逼半个小时中....

偶然碰了一下cmd+s发现Sublime哪里变了一下,然后再运行,OK,改了... 问题原因找到了,Sublime原来没有自动保存功能,只能通过手动保存才能生效..

修改完成的效果图

知道修改内容了,现在开始研究修改其它的东西,比如说Hello world!字体大小,改什么地方呢? 看到Hello World被包裹着,那应该是改style咯,但是welcome是什么鬼,cmd+F搜到

styles的属性设置
fontSize:60修改之后字体变大.good!

修改字体颜色,改成像XCode那样color: redcolor,发现报错了,应该不是这样设置,转身想看文档的时候发现,下面有一个instructions里的color复制粘贴,运行没啥改变但是没有报错,继续改

修改Helloworld颜色
完成,Hello world颜色改变

暂时先写这么多,总结一下吧

1.Sublime没有自动保存功能,每次改完代码自己习惯性保存一下 2.cmd+F在Sublime也同样适用 3.某种类型控件的声明在import里面可以看到(真的是写在这里吗,只是一个猜测) 4.有一个专门的styles方法来改变控件属性,当用到的时候会使用styles.相应的属性设置(能不能改成其他名字?书写格式必须要styles = StyleSheet.create({}),这样吗?)

晚上如果不加班的话我再看看文档,如果加班暂时就写这些吧