【React Native】キーボードから「完了」をタップしてテキストを追加できる仕様にしたい

実現したいこと

現状では「+」をタップして追加できる仕様となっていますが、キーボードから「完了」をタップしてテキストを追加できる仕様に変更したい

イメージ説明

発生している問題・分からないこと

実装方法について調べようと「React Native 完了 投稿」など色々と検索ワードを工夫しているのですがやり方がわかりません...

どのようなメソッドなどを使用すれば良いかなど、用語や参考になるサイトなどを教えて頂けないでしょうか?

該当のソースコード

import { registerRootComponent } from 'expo'; import React, { useState } from 'react'; import { View, Text, TextInput, TouchableOpacity, FlatList, StyleSheet } from 'react-native'; import { Icon } from 'react-native-elements'; const App = () => { const [task, setTask] = useState(''); const [tasks, setTasks] = useState([]); const addTask = () => { if (task.trim() !== '') { setTasks([...tasks, task]); setTask(''); } }; const removeTask = (index) => { const newTasks = [...tasks]; newTasks.splice(index, 1); setTasks(newTasks); }; return ( <View style={styles.container}> <View style={styles.inputContainer}> <TextInput style={styles.input} placeholder="タスクの追加" value={task} onChangeText={(text) => setTask(text)} /> <TouchableOpacity style={styles.addButton} onPress={addTask}> <Icon name="add" size={30} color="white" /> </TouchableOpacity> </View> <省略>

試したこと・調べたこと

上記の詳細・結果

本来知りたい情報とは異なる記事しか見つかりませんでした

補足

特になし

コメントを投稿

0 コメント