react-native 开发中遇到的坑

一、Element type is invalid:expected a string (for built-in compoenets)or a class/function (for composite components)but got:undefined....

 

这个错，是说没有export出要使用的组件，但是我找了很久，没有发现究竟是什么缘由引发。

这个组件在

看网上说能够 

import List_view from './scene/mine/List'

替换成下面这样，引入。我试了并无用。

import {List_view} from './scene/mine/List'

通过层层剥离试验，发现问题出在这段代码里面，这里就不贴代码了，就只分析下这个

StackNavigator方法里为何出错呢？

const RN1 = StackNavigator({
    Home: {
        screen: HomeScene,
        navigationOptions: {
            title: 'My Chats',
        },
    },
    Profile: {screen: List_view},

});

　　忽然的好了，一头雾水的好了。

最后发现是自定义的 

tabBarIcon和 NavigationItem 引入有问题。

 

二、本地图片 循环变量  ：

const img_arr = [require('./my-img-1.png'),require('./my-img-2.png'),require('./my-img-3.png')]

将你须要的图片以require的方式一个个push进数组，这样就符合RN的图片引用规则了。 而后经过<Image source={img_arr[0]} /> 这样的方式引用

 

3.react中class xx extends component{ }和React.createClass({ })的区别？

class xx extends Component{}是ES6的写法，会自动继承Component里面的属性
React.createClass({})是React的ES5写法，会生成一个React Component

• 最明显的区别固然是写法的不一样，这个很少说，主要是若是用第一种写法，须要用babel进行编译，才能使用

• React.createClass({})会自动绑定下面全部方法this，而第一种写法不会（箭头函数例外），因此才会看到不少用第一种写法的人在事件的callback上面用'bind(this)'来进行绑定。

感受第一种方法比较好，多是由于我以前比较喜欢写java的缘由，更喜欢ES6的写法，感受更简洁一点。