コンポーネントの種類ごとにReact Nativeでサポートされるスタイルプロパティのリストはどこで入手できますか?ここで反応するネイティブでサポートされているスタイルプロパティのリストはどこにありますか?
答えて
はチートシートです:
サポートされるスタイルは、各コンポーネントの公式ドキュメントです。
View
:https://facebook.github.io/react-native/docs/view.html#styleText
:それはビュースタイルの小道具を言うことhttps://facebook.github.io/react-native/docs/text.html#style
注のスタイルの上に ...ここView
とText
コンポーネント用のリンクですテキストでは、View
がサポートする(ほとんどの)スタイルもサポートされています。
私は、反応するネイティブログから有効なスタイルのリストを抽出しました。
以下のコレクションは定期的に仕事をしてくれます。
[
"alignContent",
"alignItems",
"alignSelf",
"aspectRatio",
"backfaceVisibility",
"backgroundColor",
"borderBottomColor",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomWidth",
"borderColor",
"borderLeftColor",
"borderLeftWidth",
"borderRadius",
"borderRightColor",
"borderRightWidth",
"borderStyle",
"borderTopColor",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopWidth",
"borderWidth",
"bottom",
"color",
"decomposedMatrix",
"direction",
"display",
"elevation",
"flex",
"flexBasis",
"flexDirection",
"flexGrow",
"flexShrink",
"flexWrap",
"fontFamily",
"fontSize",
"fontStyle",
"fontVariant",
"fontWeight",
"height",
"includeFontPadding",
"justifyContent",
"left",
"letterSpacing",
"lineHeight",
"margin",
"marginBottom",
"marginHorizontal",
"marginLeft",
"marginRight",
"marginTop",
"marginVertical",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"opacity",
"overflow",
"overlayColor",
"padding",
"paddingBottom",
"paddingHorizontal",
"paddingLeft",
"paddingRight",
"paddingTop",
"paddingVertical",
"position",
"resizeMode",
"right",
"rotation",
"scaleX",
"scaleY",
"shadowColor",
"shadowOffset",
"shadowOpacity",
"shadowRadius",
"textAlign",
"textAlignVertical",
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
"textShadowColor",
"textShadowOffset",
"textShadowRadius",
"tintColor",
"top",
"transform",
"transformMatrix",
"translateX",
"translateY",
"width",
"writingDirection",
"zIndex"
]
実装の詳細はここにある: https://github.com/vhpoet/react-native-styling-cheat-sheet/blob/master/README.md
-1;このリストがどこから来たのかは明らかではありません(正しかったと確信することさえできません)。将来のリリースでそれを更新する方法は示されていません。また、初心者には間違いがあります。異なるスタイルルールが異なるコンポーネントに適用されます。 –
@ MarkAmeryログからリストを取得したことを明確に述べているので、誰もがこれらの有効なスタイルプロパティを見つけることができます。 ルールセットは https://github.com/vhpoet/react-native-styling-cheat-sheet/blob/master/README.md – Ahsanwarsi
*ログは何ですか?たぶん私は何かを見逃しているかもしれませんが、私はあなたが何を意味するか分かりません。 –
- 1. 反応するネイティブNavigator.NavigationBar - ドキュメントはどこにありますか?
- 2. IOSでネイティブにサポートされているアーカイブファイル形式はありますか?
- 3. ネイティブに反応するかネイティブで反応を開始する
- 4. (反応ネイティブ)反応したネイティブのバッテリーレベルを検出するにはどうすればよいですか?
- 5. taglib-sharpでサポートされているすべてのオーディオファイルタイプのリストはどこにありますか?
- 6. 反応するネイティブ・ナビゲーションを反応させ、ネイティブ歩哨iosで
- 7. ネイティブ流星と反応するネイティブと残りのAPIを反応させる
- 8. Material-UIサポートはネイティブに反応しますか
- 9. どのように反応ネイティブで複数デバイスサポートをサポートできますか?
- 10. 反応するネイティブ実行-IOSは私がネイティブIOSが反応している
- 11. 壊れた自動バインディング反応し、ネイティブとを使用して反応させ、リレーので、私はネイティブ反応し、反応するリレーを使用してい
- 12. これにアクセスするには反応ネイティブで州都
- 13. 反応成分のスタイルプロパティ
- 14. 反応ナビゲーション(反応ネイティブ)のナビゲーション履歴を保存して復元する方法はありますか
- 15. ネイティブの反応でフォアグラウンドサービスを実行する方法はありますか?
- 16. 反応ネイティブのbodymovinアニメーションにエラーがありますか?
- 17. インストールnodejsはあちこちに反応するネイティブ
- 18. ネイティブ・カスタム・ビューに反応します。ネイティブ・プロップのpropTypeはありません。
- 19. 反応ネイティブをサポートするアンドロイドでグラフ/チャートを作成する
- 20. ネイティブの反応ナビゲーションタブに反応します.BarIconは表示されません。
- 21. は、Webと反応ネイティブ共有のpackage.jsonに反応する必要がありますか?
- 22. テキストフィールドの複数行を反応させてネイティブにするにはどうすればよいですか?
- 23. 反応するネイティブのためのシンプルな同期ストレージオプションはありますか?
- 24. 反応ネイティブのレッドボックスのエラーをキャッチする方法はありますか
- 25. は反応するネイティブ
- 26. は、ネイティブ反応する
- 27. フレックスボックスはネイティブで反応しますか?
- 28. 反応ネイティブのカスタムチェックボックスがありますか?
- 29. ネイティブ・デバッグに反応する
- 30. 反応ネイティブで反応ネイティブを実装する際にエラーが発生する
それは、常にそこに電子ではありません。 g。 [TouchableHighlight](https://facebook.github.io/react-native/docs/touchablehighlight.html#style)は空です。 –