reactNative简单不适用的tips (笑)

前几个月刚开始看ReactNative时候 在markdown上随手记录的一些tips 有一些可能并不适用 欢迎提出 不一定会改正 :-D

reactNative tips

标签： tips

---

• 解决webstorm红线问题 上方提示switch language level to JSX Harmony

可以点击switch切换 或者
Preferences > Languages & Frameworks >JavaScript>JSX Harmony

---

• react navigation demo 最好理解的地方...网上的demo总有bug.
  https://reactnavigation.org/

---

• 更新npm包
  npm i -g npm

---

• 在指定模拟器上运行
  react-native run-ios --simulator "iPhone 4s"
  react-native run-ios --simulator "iphone 7plus"
• 查看具体可用的设备名称。
  xcrun simctl list devices

---

• 注释快捷键
  /** + enter回键

---

• 查找文件快捷键
  cmd+shirt+o

---

• 选中某个内容 按住ctrl 双击鼠标 会弹出粘贴板中的历史内容(呃..不太准确 )

---

• 选中某个内容 ctrl + d 可以一键实现复制粘贴

---

• 定制已有style
  style={[styles.instructions, {backgroundColor: 'green'}]}

---

• 解决RN文件路径问题
  ReactNative提供了一个关键字@providesModule，可以解决文件路径问题，以后只要有这个关键字，导入组件就可以不需要路径，直接类名就好了
  @providesModule使用
  在文件的顶部，嵌套一个多行注释，把@providesModule放在注释里,@providesModule后添加类名,以后就直接使用类名就能导入了。
  注意点，带有@providesModule的多行注释，一定要是文件的第一个多行注释。
  文件最上方添加/** * @providesModule Common */
  使用从
  import Common from './../Common/Common'
  变成
  import Common from 'Common'

---

• 5月28号 晚上9点45分
  在看ES6语法, 整晚我只有一个想法
  我靠!这也行!?

---

• 由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。
  var getTempItem = id => ({ id: id, name: "Temp" });

---

• 更新git上reactNative
  npm install -g react-native-git-upgrade
  react-native-git-upgrade

---

• solved this by removing everything in '~/.rncache' and run npm i and react-native run-ios again. Make sure all the tar balls in the .rncache have their integrity.