var styles = StyleSheet.createとReact.componentを別のスクリプトに分離することは可能ですか?var styles = StyleSheet.createとReact.componentを別々のスクリプトに分離することは可能ですか?
5
A
答えて
12
可能です。このパターンで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} />
0
私はこのコードを使用:
import React, { Component, PropTypes } from 'react';
import { StyleSheet } from 'react-native';
var styles = StyleSheet.create({
...
});
module.exports = styles;
1
の両方構造的なコードからスタイルを移動する方法を説明しています。
-
あなたができる、
- https://hackernoon.com/manage-react-native-project-folder-structure-and-simplify-the-code-c98da77ef792
- https://medium.com/the-react-native-log/tips-for-styling-your-react-native-apps-3f61608655eb
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
基本的には(リンク#2の上からのコードスニペットをコピーするには)言って、text.jsファイルを別のJSであなたのスタイルを持っています単にこのテキストスタイルをインポートしてそのまま使用してください。
<Text style={text.p}>settings</Text>
希望します。
関連する問題
- 1. gccでバイナリを別々に注文することは可能ですか?
- 2. PHPスクリプトとmysqlをコンパイルすることは可能ですか?
- 3. $ .getScript、スクリプトにIDを含めることは可能ですか?
- 4. cudaと出力画面を別々の2枚のカードで実行することは可能ですか?
- 5. ARMとTHUMBのための別々の.exeファイルを生成することは可能ですか?
- 6. 多くのユニットを別々のゲームフレームに分割すること
- 7. これは可能ですか? GeckoFXはインスタンスごとに別々のCookieContainerを使用できますか?
- 8. web.configからConnectionStringsとmailSettingsを分離しますか?可能?
- 9. GWTロジックからHTML/CSSレイアウトを完全に分離することは可能ですか?
- 10. 2つの別々の関数を同じイベントにバインドすることは可能ですか?
- 11. ssrs式を分割することは可能ですか?
- 12. Clojure関数を分解することは可能ですか?
- 13. セルスタイルを分離する - 可能性
- 14. ワンプッシュで2つの別々のリポジトリを更新することは可能ですか?
- 15. 個々のノードオブジェクトを検査することは可能ですか?
- 16. .XMLファイルをスクリプト化することは可能です
- 17. PHPで可能なURIと他のコンテンツを分離する方法は?
- 18. インターフェイスとドメインオブジェクトを1つのソリューションに含めることは可能ですか?wcfサービスの別のソリューションで実装することは可能ですか?
- 19. Rとバープロットで「バーを分割する」ことは可能ですか?
- 20. Jqueryで別のスクリプトの終わりを検出することは可能ですか?
- 21. 文字列を "。"に分割することは可能ですか? Javaで?
- 22. コンテンツ(CMS)と機能を別々のWebサイトに分割していますか?
- 23. オブジェクトや値をPythonスクリプトからホスティングアプリケーションに返すことは可能ですか?
- 24. Javaの別のクラスからリスナーをインポートすることは可能ですか?
- 25. ユニティjsスクリプトでjavascriptソケットクライアントを使用することは可能ですか?
- 26. gensim doc2vecを分類に使用することは可能ですか
- 27. Bindで自分のDDNSを構築することは可能ですか?
- 28. Caffeのみをトレーニングなしで分類することは可能ですか?
- 29. 別のOSからWindows Azureを開発することは可能ですか?
- 30. NSUserDefaults:別のアプリからuserDefaultsを取得することは可能ですか?
どのようにインポートしますか? – Coder
それは(ファイルの名前がstyle.jsであると仮定して)インポートすることができます - './style'からスタイルをインポートします; – user3257644