0

我在运行我的代码时遇到了上述错误，并且还搜索了这个错误，我确实理解这个错误的含义，但在我的情况下我无法弄清楚。

这是 index.android.js 文件的代码：-

    import React, { Component } from 'react';
import {
  AppRegistry
} from 'react-native';


import TabNavigatoro from './src/pages/TabNavigatoro';

export default class ReactNewsfeedDemo extends Component {
  render() {
    return (
      <TabNavigatoro/>
    );
  }
}

AppRegistry.registerComponent('ReactNewsfeedDemo', () => ReactNewsfeedDemo);

TabNavigatoro.js 的代码：-

    import React, { Component } from 'react';
import {
  AppRegistry,
  Image
} from 'react-native';

import { Actions, ActionConst } from 'react-native-router-flux';
import logoImg from '../images/logo.png';
import eyeImg  from '../images/eye_black.png';
import homeView from './homeView';
import profileView  from './profileView';

import TabNavigator from 'react-native-tab-navigator';

export default class TabNavigatoro extends Component {

constructor(props){
super(props);
this.state={selectedTab:'home'}

}
  render() {
    return (
<TabNavigator selectedTab = {this.state.selectedTab}>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'home'}
    title="Home"
    renderIcon={() => <Image source={logoImg} />}
    renderSelectedIcon={() => <Image source={logoImg} />}
    onPress={() => this.setState({ selectedTab: 'home' })}>
    {homeView}
  </TabNavigator.Item>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'profile'}
    title="Profile"
    renderIcon={() => <Image source={eyeImg} />}
    renderSelectedIcon={() => <Image source={eyeImg} />}
    onPress={() => this.setState({ selectedTab: 'profile' })}>
    {profileView}
  </TabNavigator.Item>
</TabNavigator>
    );
}
}

这是 homeView.js 代码：-

import React, { Component } from 'react';
import {
  StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity,
    TextInput,
} from 'react-native';

export default class homeView extends Component {
render() {
    return (
<View style={styles.container} >
<Text style = {styles.description}>
This is Home View , Please click to confirm.
</Text>
</View>
    );
    }
}

const styles = StyleSheet.create({
container : {
flex:1,
alignSelf : 'stretch',
justifyContent:'center',
},
description : {
fontSize:16,
color: '#ffffff',
textAlign:'center',
},
});

我发现一个链接有同样的错误，但没有得到回答：-

https://github.com/expo/react-native-tab-navigator/issues/130

请让我知道究竟是什么导致了问题，因为它没有选择 {homeView} 和 {profileView} 页面，为什么它会出现 null ？

欣赏！！！

4

0 回答 0