TypeError例外：StyleSheet.createが機能

Question

私は私はこのようなコンポーネントを反応させるためのいくつかのスタイルを作成しようとしているではありません。

var styles = StyleSheet.create({ 
/*Pinout*/ 

/*GPIO Shapre*/ 
gpio_outer: { 
    background: '#222222', 
    borderRadius: 5, 
    height: 26, 
    width: 26, 
}, 
}) 

を、私は、コードをコンパイルした後

のようにそれを追加することだし、私は、ブラウザのコンソールからこれを取得、ブラウザ上で実行しよう：あなたが起こってできるもの

TypeError: StyleSheet.create is not a function 

知っていますか？事前に感謝します

Answer 1

スタイルシートをチェックしてみてください

が反応ネイティブ、定期ReactJSのない部分の一部です。しかし、スタイルオブジェクトをインスタンス化し、RNのように使用することができます。

render() { 
    const style = { 
    margin: '0.5em', 
    paddingLeft: 0, 
    listStyle: 'none' 
    }; 

    return <ul style={style}>item</ul>; 
} 

迅速なGoogle検索

も、あなたが探している抽象化を与えるいくつかの反応JSライブラリを見つけるために私を導きました。

• Radium
• react-style
• Good info source

Answer 2

StyleSheetが正しく必要ですか？このチュートリアルにhttps://www.toptal.com/ios/cold-dive-into-react-native-a-beginners-tutorial