web-dev-qa-db-ja.com

反応ネイティブのStyleSheetプロパティとオプションのリスト

私はすべての可能なreact-nativeStyleSheetオプションとそれらの値のリストをWebで検索してきました。見つかりませんでしたが、誰かがそのようなドキュメントへのリンクを持っていますか?

11
Mihai Vinaga

これらは、コンポーネントタイプごとに分けられています。

表示

画像

テキスト

フレックスボックス

変換

ドキュメントの列挙型が表示されている場所、たとえばテキストスタイルのドキュメントページ:

fontStyle enum('normal', 'italic')
fontWeight enum("normal", 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')

これらは通常、Web上にあるcssプロパティによく似ています。


[〜#〜]更新[〜#〜]

以下で@ muhammad-hannanが回答したように、 完全なレイアウトプロパティリストがあります もあります。

9
Nader Dabit

私はこれが答えられたことを知っていますが、最後の更新以来、物事は変更されました。更新されたスタイルシートのプロパティは以下にあります。これらは現在、レイアウトプロップと呼ばれています。

https://facebook.github.io/react-native/docs/layout-props.html

レイアウトPropsリスト:

 marginHorizo​​ntal 
 alignContent 
 alignSelf 
 aspectRatio 
 borderBottomWidth 
 borderEndWidth 
 borderLeftWidth 
 borderRightWidth 
 borderStartWidth 
 borderTopWidth 
 borderWidth 
 bottom 
 display 
 end 
 flex 
 flexBasis 
 flexDirection 
 flexGrow 
 flexShrink 
 flexWrap 
 height 
 justifyContent 
 left 
 margin 
 marginBottom 
 marginEnd 
 alignItems 
 marginLeft 
 marginRight 
 marginStart 
 marginTop 
 marginVertical 
 maxHeight 
 maxWidth 
 minHeight 
 minWidth 
 overflow 
 padding 
 paddingBottom 
 paddingEnd 
 paddingHorizo​​ntal 
 paddingLeft 
 paddingRight 
 paddingStart 
 paddingTop 
 paddingVertical 
 position 
 right 
 start 
 top 
 width 
 zIndex 
 direction 
2
Muhammad Hannan