Type Function Library native.* Return value TextField Revision Current Public Release (2016.2992) Keywords text input, text fields, native text See also native.newTextBox() native.setKeyboardFocus() object.inputType userInput
Creates a single-line text field for text input. For
The default font size of the text field depends on the field's height and is calculated to be the maximum font size that will fit inside the field, taking into account such things as
Native text fields can listen for userInput events (see example).
Native text fields can display optional placeholder text (
nil by default). This can provide a "hint" as to what the user should enter in the field. If set, the placeholder string is displayed using the same style information (except the text color). The placeholder does not appear once actual text has been input into the field and it does not currently participate in determining the size of the text field.
Presentation of native controls in the Corona Simulator can only be an approximation of the actual device. Always test on a device and assume that the behavior/appearance on devices is correct. In particular, the internal margins in text fields on some devices may be much larger than expected, reducing the space available for the actual text and making the font appear to be very small because it is being
Native text fields are not part of the OpenGL canvas and do not obey the display object hierarchy, so they will always appear in front of normal display objects including images, text, and vector objects. However, native text fields can be "inserted" (object:insert()) into Corona display groups and they will move in unison with that group.
To remove a native text field from the display, use
The native.setKeyboardFocus() API is used to show and hide the keyboard used for text input (applies to device and Xcode iOS Simulator only).
On Android, due to the fact that Corona runs on multiple threads, getting the
.text value of a TextField immediately after setting it will not return the correct value. This action should be performed following a short timer or during the next time step.
native.newTextField( centerX, centerY, width, height )
Numbers. The x and y coordinates that correspond to the center of the text field.
Numbers. Width and height (size) of the text field.
See the TextField documentation for a list of methods and properties.
local defaultField local function textListener( event ) if ( event.phase == "began" ) then -- User begins editing "defaultField" elseif ( event.phase == "ended" or event.phase == "submitted" ) then -- Output resulting text from "defaultField" print( event.target.text ) elseif ( event.phase == "editing" ) then print( event.newCharacters ) print( event.oldText ) print( event.startPosition ) print( event.text ) end end -- Create text field defaultField = native.newTextField( 150, 150, 180, 30 ) defaultField:addEventListener( "userInput", textListener )
local numericField local function textListener( event ) if ( event.phase == "began" ) then -- User begins editing "numericField" end end -- Create text field numericField = native.newTextField( 150, 150, 180, 30 ) numericField.inputType = "number" numericField:addEventListener( "userInput", textListener )