mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
update website
This commit is contained in:
Christopher Chedeau
+1
-104
@@ -23,110 +23,7 @@ in the render function.</p><p>Performance:
|
||||
- Making a stylesheet from a style object makes it possible to refer to it
|
||||
by ID instead of creating a new style object every time.
|
||||
- It also allows to send the style only once through the bridge. All
|
||||
subsequent uses are going to refer an id (not implemented yet).</p></div><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="create"></a><span class="propType">static </span>create(<span class="propType">obj</span>) <a class="hash-link" href="#create">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="validatestyleprop"></a><span class="propType">static </span>validateStyleProp(<span class="propType">prop, style, caller</span>) <a class="hash-link" href="#validatestyleprop">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="validatestyle"></a><span class="propType">static </span>validateStyle(<span class="propType">name, styles</span>) <a class="hash-link" href="#validatestyle">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="addvalidstyleproptypes"></a><span class="propType">static </span>addValidStylePropTypes(<span class="propType">stylePropTypes</span>) <a class="hash-link" href="#addvalidstyleproptypes">#</a></h4></div></div><pre>{
|
||||
"methods": [
|
||||
{
|
||||
"line": 55,
|
||||
"source": "static create(obj) {\n var result = {};\n for (var key in obj) {\n StyleSheet.validateStyle(key, obj);\n result[key] = StyleSheetRegistry.registerStyle(obj[key]);\n }\n return result;\n }",
|
||||
"modifiers": [
|
||||
"static"
|
||||
],
|
||||
"params": [
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "obj"
|
||||
}
|
||||
],
|
||||
"tparams": null,
|
||||
"returntypehint": null,
|
||||
"name": "create"
|
||||
},
|
||||
{
|
||||
"line": 64,
|
||||
"source": "static validateStyleProp(prop, style, caller) {\n if (!__DEV__) {\n return;\n }\n if (allStylePropTypes[prop] === undefined) {\n var message1 = '\"' + prop + '\" is not a valid style property.';\n var message2 = '\\nValid style props: ' +\n JSON.stringify(Object.keys(allStylePropTypes), null, ' ');\n styleError(message1, style, caller, message2);\n }\n var error = allStylePropTypes[prop](\n style,\n prop,\n caller,\n ReactPropTypeLocations.prop\n );\n if (error) {\n styleError(error.message, style, caller);\n }\n }",
|
||||
"modifiers": [
|
||||
"static"
|
||||
],
|
||||
"params": [
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "prop"
|
||||
},
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "style"
|
||||
},
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "caller"
|
||||
}
|
||||
],
|
||||
"tparams": null,
|
||||
"returntypehint": null,
|
||||
"name": "validateStyleProp"
|
||||
},
|
||||
{
|
||||
"line": 85,
|
||||
"source": "static validateStyle(name, styles) {\n if (!__DEV__) {\n return;\n }\n for (var prop in styles[name]) {\n StyleSheet.validateStyleProp(prop, styles[name], 'StyleSheet ' + name);\n }\n }",
|
||||
"modifiers": [
|
||||
"static"
|
||||
],
|
||||
"params": [
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "name"
|
||||
},
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "styles"
|
||||
}
|
||||
],
|
||||
"tparams": null,
|
||||
"returntypehint": null,
|
||||
"name": "validateStyle"
|
||||
},
|
||||
{
|
||||
"line": 94,
|
||||
"source": "static addValidStylePropTypes(stylePropTypes) {\n for (var key in stylePropTypes) {\n invariant(\n allStylePropTypes[key] === undefined ||\n allStylePropTypes[key] === stylePropTypes[key],\n 'Attemped to redefine existing style prop type \"' + key + '\".'\n );\n allStylePropTypes[key] = stylePropTypes[key];\n }\n }",
|
||||
"modifiers": [
|
||||
"static"
|
||||
],
|
||||
"params": [
|
||||
{
|
||||
"typehint": null,
|
||||
"name": "stylePropTypes"
|
||||
}
|
||||
],
|
||||
"tparams": null,
|
||||
"returntypehint": null,
|
||||
"name": "addValidStylePropTypes"
|
||||
}
|
||||
],
|
||||
"type": "api",
|
||||
"line": 54,
|
||||
"name": "StyleSheet",
|
||||
"docblock": "/**\n * A StyleSheet is an abstraction similar to CSS StyleSheets\n *\n * Create a new StyleSheet:\n *\n * var styles = StyleSheet.create({\n * container: {\n * borderRadius: 4,\n * borderWidth: 0.5,\n * borderColor: '#d6d7da',\n * },\n * title: {\n * fontSize: 19,\n * fontWeight: 'bold',\n * },\n * activeTitle: {\n * color: 'red',\n * },\n * })\n *\n * Use a StyleSheet:\n *\n * <View style={styles.container}>\n * <Text style={[styles.title, this.props.isActive && styles.activeTitle]} />\n * </View>\n *\n * Code quality:\n * - By moving styles away from the render function, you're making the code\n * code easier to understand.\n * - Naming the styles is a good way to add meaning to the low level components\n * in the render function.\n *\n * Performance:\n * - Making a stylesheet from a style object makes it possible to refer to it\n * by ID instead of creating a new style object every time.\n * - It also allows to send the style only once through the bridge. All\n * subsequent uses are going to refer an id (not implemented yet).\n */\n",
|
||||
"requires": [
|
||||
{
|
||||
"name": "ImageStylePropTypes"
|
||||
},
|
||||
{
|
||||
"name": "ReactPropTypeLocations"
|
||||
},
|
||||
{
|
||||
"name": "StyleSheetRegistry"
|
||||
},
|
||||
{
|
||||
"name": "TextStylePropTypes"
|
||||
},
|
||||
{
|
||||
"name": "ViewStylePropTypes"
|
||||
},
|
||||
{
|
||||
"name": "invariant"
|
||||
}
|
||||
]
|
||||
}</pre></div><noscript></noscript><div class="docs-prevnext"></div></div></section><footer class="wrap"><div class="right">© 2015 Facebook Inc.</div></footer></div><div id="fb-root"></div><script>
|
||||
subsequent uses are going to refer an id (not implemented yet).</p></div><h3><a class="anchor" name="methods"></a>Methods <a class="hash-link" href="#methods">#</a></h3><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="create"></a><span class="propType">static </span>create(<span class="propType">obj</span>) <a class="hash-link" href="#create">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="validatestyleprop"></a><span class="propType">static </span>validateStyleProp(<span class="propType">prop, style, caller</span>) <a class="hash-link" href="#validatestyleprop">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="validatestyle"></a><span class="propType">static </span>validateStyle(<span class="propType">name, styles</span>) <a class="hash-link" href="#validatestyle">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="addvalidstyleproptypes"></a><span class="propType">static </span>addValidStylePropTypes(<span class="propType">stylePropTypes</span>) <a class="hash-link" href="#addvalidstyleproptypes">#</a></h4></div></div></div><noscript></noscript><div class="docs-prevnext"></div></div></section><footer class="wrap"><div class="right">© 2015 Facebook Inc.</div></footer></div><div id="fb-root"></div><script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
|
||||
Reference in New Issue
Block a user