はネイティブリアクト：このコードは、プロジェクトに黄色で画面いっぱいに異なっ

Question

import React, { Component } from 'react'; 
import { View, Text, StyleSheet, TouchableHighlight } from 'react-native'; 

class First extends Component { 
render() { 
    return (
     <View style = {styles.container}> 
      <Text> 
       Hello world! 
      </Text> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create ({ 
container: { 
    backgroundColor: 'yellow', 
    flex: 1 
} 
}); 


module.exports = First; 

を振る舞うFlexはreact-native initで始まったが、create-react-native-appで始まったプロジェクトで何も表示されません。これは正常ですか？

編集：これは、メインApp.jsのスタイルViewから誤って呼び出されました。

Answer 1

それはあなたの

import React, { Component } from 'react'; 
import { View, Text, StyleSheet, TouchableHighlight } from 'react-  
native'; 

class First extends Component { 
render() { 
return (
    <View> 
     <Text style = {styles.container}> 
      Hello world! 
     </Text> 
    </View> 
    ); 
    } 
    } 

const styles = StyleSheet.create ({ 
container: { 
backgroundColor: 'yellow', 
flex: 1 
} 
}); 


module.exports = First; 

Answer 2

を助ける私はあなたのコードを使用し、create-react-native-appを使ってアプリを作成して、上にテキストhello world!と黄色の背景色を示し、ここで私がthe-result-using-create-react-native-app

を持っていた結果を

を残しました

create-react-native-addコマンドを使用して別のテストアプリを作成し、結果を確認してください。

Answer 3

愚かな間違い;私は主なApp.jsのスタイルのViewからこのコンポーネントを呼び出していました助けに時間をとってくれてありがとう、みんな。