mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Final fixes and seal xplat/js/react-native-github
Reviewed By: panagosg7 Differential Revision: D16946423 fbshipit-source-id: 89ca82c955e99a23a14984d51f3c97346c363afd
This commit is contained in:
committed by
Facebook Github Bot
parent
97b42bb142
commit
b6333f79e1
@@ -11,6 +11,7 @@
|
||||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
|
||||
const {
|
||||
Text,
|
||||
TextInput,
|
||||
@@ -450,7 +451,7 @@ exports.description = 'Single and multi-line text inputs.';
|
||||
exports.examples = [
|
||||
{
|
||||
title: 'Auto-focus',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<TextInput
|
||||
autoFocus={true}
|
||||
@@ -465,13 +466,13 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: "Live Re-Write (<sp> -> '_')",
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return <RewriteExample />;
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Auto-capitalize',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
const autoCapitalizeTypes = ['none', 'sentences', 'words', 'characters'];
|
||||
const examples = autoCapitalizeTypes.map(type => {
|
||||
return (
|
||||
@@ -488,7 +489,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Auto-correct',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -507,7 +508,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Keyboard types',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
const keyboardTypes = [
|
||||
'default',
|
||||
'email-address',
|
||||
@@ -541,7 +542,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Colors and text inputs',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -591,7 +592,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Text input, themes and heights',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<TextInput
|
||||
placeholder="If you set height, beware of padding set from themes"
|
||||
@@ -602,7 +603,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'fontFamily, fontWeight and fontStyle',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -633,7 +634,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'letterSpacing',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -658,7 +659,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Passwords',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -678,7 +679,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Editable',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<TextInput
|
||||
defaultValue="Can't touch this! (>'-')> ^(' - ')^ <('-'<) (>'-')> ^(' - ')^"
|
||||
@@ -690,7 +691,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Multiline',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -732,7 +733,7 @@ exports.examples = [
|
||||
{
|
||||
title: 'Fixed number of lines',
|
||||
platform: 'android',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -751,7 +752,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Auto-expanding',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<AutogrowingTextInputExample
|
||||
@@ -775,13 +776,13 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Attributed text',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return <TokenizedTextExample />;
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Return key',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
const returnKeyTypes = [
|
||||
'none',
|
||||
'go',
|
||||
@@ -822,7 +823,7 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Inline Images',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<TextInput
|
||||
@@ -846,13 +847,13 @@ exports.examples = [
|
||||
},
|
||||
{
|
||||
title: 'Toggle Default Padding',
|
||||
render: function(): React.Element<any> {
|
||||
render: function(): React.Node {
|
||||
return <ToggleDefaultPaddingExample />;
|
||||
},
|
||||
},
|
||||
{
|
||||
title: 'Text selection & cursor placement',
|
||||
render: function() {
|
||||
render: function(): React.Node {
|
||||
return (
|
||||
<View>
|
||||
<SelectionExample
|
||||
|
||||
Reference in New Issue
Block a user