Reactネイティブスローの6スタックフレームが崩壊しました。エラー

Question

これは、全体のコード

class App extends React.Component { 
    render() { 
     return (
      <div className="container"> 
       <Nav /> 
      </div> 
      ); 
    } 
} 

const styles = StyleSheet.create({ 
    topnav: { 
     position : 'fixed', 
     top : 0, 
     right : 0 
    } 
}); 

ReactDOM.render(<App />, document.getElementById('app')); 

なぜこのエラーが発生しないのですか？ 'StyleSheet'をサポートするために何かをインポートする必要がありますか？

Answer 1

あなたは、スタイルシートに、このインポートを使用する必要があります。

import { StyleSheet } from 'react-native'; 

をしかし、別の問題は、あなたがdiv要素を使用していることです。 DivはReact-Nativeで利用できないため、他の要素（ビューなど）を使用する必要があります。

例：

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

export default class App extends React.Component { 
    render() { 
    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     backgroundColor: '#fff', 
     alignItems: 'center', 
     justifyContent: 'center' 
     } 
    }); 

    return <View style={styles}><Text>I'm a Text</Text></View>; 
    } 
}