var styles = StyleSheet.createとReact.componentを別々のスクリプトに分離することは可能ですか？

Question

var styles = StyleSheet.createとReact.componentを別のスクリプトに分離することは可能ですか？

Answer 1

可能です。このパターンでjsファイルを作成してください：

'use strict'; 

var React = require('react-native'); 

var myStyles = React.StyleSheet.create({ 
    style1: { }, 
    style2: { } 
)} 

module.exports = myStyles; 

次に、コンポーネントjsで、そのスタイルシートを使用するためにrequireを使用してください。あなたのスタイルのjsファイルはphongyewtong.js

var s = require('../the/path/to/phongyewtong'); 

が用法という名前と仮定すると：バージョン（0.31）と反応より最近では

<View style = {s.style1} /> 

Answer 2

私はこのコードを使用：

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

var styles = StyleSheet.create({ 
    ... 
}); 

module.exports = styles; 

Answer 3

の両方構造的なコードからスタイルを移動する方法を説明しています。

あなたができる、

const text = StyleSheet.create({ 
    p: { 
     color: 'black', 
     fontFamily: 'Open Sans', 
     fontSize: 14, 
    }, 
    title: { 
     fontWeight: 'bold', 
     color: 'black', 
     fontFamily: 'Open Sans', 
     fontSize: 20, 
    } 
    }); 

export default text; 

でコンポーネントに反応：3210

1. https://hackernoon.com/manage-react-native-project-folder-structure-and-simplify-the-code-c98da77ef792
2. https://medium.com/the-react-native-log/tips-for-styling-your-react-native-apps-3f61608655eb

基本的には（リンク＃2の上からのコードスニペットをコピーするには）言って、text.jsファイルを別のJSであなたのスタイルを持っています単にこのテキストスタイルをインポートしてそのまま使用してください。

<Text style={text.p}>settings</Text> 

希望します。