mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-01 09:27:14 +08:00
27 lines
866 B
JavaScript
27 lines
866 B
JavaScript
/**
|
|
* @flow
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { styles, WithLabel } from '../helpers';
|
|
import { TextInput, View } from 'react-native';
|
|
|
|
const TextInputMaxLengthExample = () => (
|
|
<View>
|
|
<WithLabel label="maxLength: 5">
|
|
<TextInput maxLength={5} style={styles.textinput} />
|
|
</WithLabel>
|
|
<WithLabel label="maxLength: 5 with placeholder">
|
|
<TextInput maxLength={5} placeholder="ZIP code entry" style={styles.textinput} />
|
|
</WithLabel>
|
|
<WithLabel label="maxLength: 5 with default value already set">
|
|
<TextInput defaultValue="94025" maxLength={5} style={styles.textinput} />
|
|
</WithLabel>
|
|
<WithLabel label="maxLength: 5 with very long default value already set">
|
|
<TextInput defaultValue="9402512345" maxLength={5} style={styles.textinput} />
|
|
</WithLabel>
|
|
</View>
|
|
);
|
|
|
|
export default TextInputMaxLengthExample;
|