Edit this page on Github

TextInput

A component for displaying a textinput.

@Component({
  selector: 'sample',
  template: `<TextInput placeholder="Type in" (submit)="typed=$event"></TextInput>`
})
export class Sample {
  typed: string = "";
}

Available styles

https://facebook.github.io/react-native/docs/view.html#style
Android flavouriOS flavour

Inputs

Inherits all inputs from high level component

autoFocus: boolean

To be documented

value: string

To be documented

autoCapitalize: enum('none', 'sentences', 'words', 'characters')

To be documented

autoCorrect: boolean

To be documented

blurOnSubmit: boolean

To be documented

editable: boolean

To be documented

keyboardType: enum('default', 'email-address', 'numeric', 'phone-pad', 'ascii-capable', 'numbers-and-punctuation', 'url', 'number-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search')

To be documented

maxLength: number

To be documented

multiline: boolean

To be documented

placeholder: string

To be documented

placeholderTextColor: color

To be documented

returnKeyType: enum('done', 'go', 'next', 'search', 'send', 'none', 'previous', 'default', 'emergency-call', 'google', 'join', 'route', 'yahoo')

To be documented // Cross-platform 'done', 'go', 'next', 'search', 'send', // Android-only 'none', 'previous', // iOS-only 'default', 'emergency-call', 'google', 'join', 'route', 'yahoo'

secureTextEntry: boolean

To be documented

selectionColor: color

To be documented

selectTextOnFocus: boolean

To be documented

androidnumberOfLines: number

To be documented

androidreturnKeyLabel: string

To be documented

androidunderlineColorAndroid: color

To be documented

iosclearButtonMode: boolean

To be documented

iosclearTextOnFocus: boolean

To be documented

iosdataDetectorTypes: enum('phoneNumber', 'link', 'address', 'calendarEvent', 'none', 'all')

To be documented

iosenablesReturnKeyAutomatically: boolean

To be documented

ioskeyboardAppearance: enum('default', 'light', 'dark')

To be documented

Outputs

focus: EventEmitter<any>

To be documented

change: EventEmitter<string>

To be documented

keyPress: EventEmitter<string>

To be documented

submit: EventEmitter<string>

To be documented

blur: EventEmitter<any>

To be documented

endEditing: EventEmitter<string>

To be documented

contentSizeChange: EventEmitter<string>

To be documented

Commands

blurTextInput()

To be documented

focusTextInput()

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback