コンポーネントを作成中、要素タイプを取得できません

Question

React Nativeで基本コンポーネントを作成しようとしていて、エラーが発生しました。

要素タイプが無効です：文字列（組み込みコンポーネント用）またはクラス/関数（複合コンポーネント用）が必要ですが、未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れた可能性があります。

イメージになるコンポーネントを作成しようとしていますが、サイズを変更するだけです。

import React from 'react'; 
import { Dimensions, Image } from 'react-native'; 
let windowWidth = Dimensions.get('window').width 

export default class ActivityImage extends React.Component { 
    render() { 
     return (
     <Image source={source} style={{width: windowWidth}} /> 
    ) 
    } 
    } 

アプリコード：

import React from 'react'; 
import { 
    Dimensions, 
    Image, 
    Text, 
    TouchableHighlight, 
    StatusBar, 
    View, 
} from 'react-native'; 
import { StackNavigator } from 'react-navigation'; 

import styles from './assets/styles'; 

import { Slide1, Slide2, Slide3, Slide4 } from './assets/content'; 
import { ActivityImage } from './components/activityImage';  
    class HomeScreen extends React.Component { 
     constructor(props) { 
     super(props); 
     this.state = { 

     }; 
     } 

     static navigationOptions = { 
      header: null, 
     } 

    render() { 
    const { navigate } = this.props.navigation; 
    return (
     <View style={styles.container}> 
     <StatusBar hidden /> 
     <ActivityImage source={require('./assets/images/0.jpg')} /> 
     </View> 
    ); 
    } 
} 

const AppNavigation =() => (
    <SimpleAppNavigator /> 
); 

export default class App extends React.Component { 
    render() { 
    return (
     <AppNavigation/> 
    ); 
    } 
} 

Answer 1

私はあなたが<View>、<StatusBar>など逃したコンポーネントをインポート前提とし...

<ActivityImage>コンポーネントは、私が作るしようとしているものですコンポーネントのソースを取得するには、propsを使用する必要があります。そして、イメージの高さを定義する必要があります。この例では200にします。このようにコンポーネントは次のようになります。

export default class ActivityImage extends React.Component { 
    render() { 
    return (
     <Image source={this.props.source} style={{width: windowWidth, height: 200}}/> 
    ) 
    } 
}