请用一句话形容程序员的苦逼,答:“不在办公室码代码,那肯定在家码代码”
不吐槽了,直接说事。
1,react-native调用原生的方法,怎么调用?戳这里http://reactnative.cn/docs/0.41/native-modules-android.html
当你写好代码后,因为你动了原生android代码,所以你要重新命令行react-native run-android
报错:outDexFolder must be a folder
解决办法:在android studio中clean一下,
再次运行
报错:Failed to create D:\react-native\app_project\RNAndroid\android\app\build\intermediates\debug\merging
解决办法:在android studio中clean一下,
再次运行
BUILD SUCCESSFUL
2,自定义组件时,文件名与定义的class名要一致
例如:文件名是HomeUI.js
export default class HomeUI extends Component{
}
否则报错,
引入自定义组件用import
import HomeUI from './app/components/HomeUI';
建议不要用require
var HomeUI = require('./app/components/HomeUI');
可以参考ECAMScript6 http://es6.ruanyifeng.com/#docs/style
3,打开android studio后,提示更新Gradle ,如果大家的环境是好的,最好不急更新,我点了更新后,运行react-native run-android就出现下面情况:
解决办法:
Well, I meet the same problem. I use this method solve it.
sudo react-native run-android
but...
搞过android的同学们应该知道怎么解决了,
就是把app卸载,再重新运行:react-native run-android
BUILD SUCCESSFUL
4,React Native ListView的Item设置点击事件时null is not an object(evaluating '_this3._pressRow')
<ListView
renderRow={this._renderRow}
/>
最好用bind的写法
<ListView
renderRow={this._renderRow.bind(this)}
/>
renderRow={this._renderRow.bind(this)}通过bind方法把this传递给_renderRow方法
_renderRow(rowData) {
return (
<TouchableOpacity
onPress = {() =>this._pressRow(rowData)} >
.............
</TouchableOpacity>
)
}
这样_renderRow就使用this就不会报这个错了。