如何在 TextInput 中按“Enter”键调用函数 - React Native

Question

我正在尝试制作搜索栏。我希望用户输入一些内容TextInput，当用户按“Enter”时我想调用我的函数。

<TextInput
//here when user press enter call function()
style={styles.searchStyle}
allowFontScaling={false}
placeholder="Search" 
onChangeText={(val) => {setSearch(val)}}
/> 

我尝试过onSubmitEditing，但没有成功。

Answer 1

import React, { Component } from 'react' 
import {TextInput} from 'react-native'

const Trial = () => {
    const onSubmitted = () => {
        console.log('Submitted')
      }
return(
    <TextInput
//here when user press enter call function()
// style={styles.searchStyle}
allowFontScaling = {false}
placeholder = "Search" 
onSubmitEditing = {() => onSubmitted()}

/>
)
}

export default Trial

onSubmitEditing 效果很好，希望对您有帮助