![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative
豆芽214
这个作者很懒,什么都没留下…
展开
-
搭建RN开发环境
1.ChocolateyChocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。\ 打开命令提示符窗口@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org原创 2017-05-26 11:02:14 · 316 阅读 · 0 评论 -
React-Navigation导航(页面跳转)
http://www.jianshu.com/p/4d14bd41dff31.首先添加react-navigation在项目的命令窗口npm install --save react-navigation2.导入stack导航组件//导入stack导航组件import { StackNavigator } from 'react-navigation';3.进行导航的注册//进行导航的注册c原创 2017-06-01 10:26:08 · 2409 阅读 · 0 评论 -
React入门教程
1.HTML 模板<!DOCTYPE html><html> <head><script src="../build/react.js"></script><script src="../build/react-dom.js"></script><script src="../build/browser.min.js"></script> </head><body><di原创 2017-06-01 10:27:11 · 191 阅读 · 0 评论 -
FlexBox布局
1.宽度和高度widthheight2.弹性布局flex //类似于权重3.使用Flexbox布局Flex DirectionflexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列,还是沿着竖直轴(column)方向排列呢?默认值是竖直轴(column)方向。 Justify Content在组件的style中指定justifyContent可原创 2017-06-01 10:28:18 · 188 阅读 · 0 评论 -
图片
1.静态图片资源要往App中添加一个静态图片,只需把图片文件放在代码文件夹中某处,然后像下面这样去引用它:<Image source={require('./my-icon.png')} />2.使用混合App的图片资源可以使用已经打包到App中的图片资源(通过Xcode的asset类目或者Android的drawable文件夹打包)://需要加长宽<Image source={{uri: 'a原创 2017-06-01 10:28:55 · 234 阅读 · 0 评论 -
处理触摸事件
1.可点击的组件在需要捕捉用户点击操作时,可以使用”Touchable”开头的一系列组件。这些组件通过onPress属性接受一个点击事件的处理函数。//示例:class MyButton extends Component { _onPressButton() { console.log("You tapped the button!"); } render() { re原创 2017-06-01 10:29:28 · 365 阅读 · 0 评论