Final fixes and seal xplat/js/react-native-github

Reviewed By: panagosg7

Differential Revision: D16946423

fbshipit-source-id: 89ca82c955e99a23a14984d51f3c97346c363afd
This commit is contained in:
Logan Daniels
2019-08-23 08:45:11 -07:00
committed by Facebook Github Bot
parent 97b42bb142
commit b6333f79e1
25 changed files with 280 additions and 105 deletions
@@ -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