実現したいこと
現状では「+」をタップして追加できる仕様となっていますが、キーボードから「完了」をタップしてテキストを追加できる仕様に変更したい
発生している問題・分からないこと
実装方法について調べようと「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 コメント