Add iPhone dictation guidance

This commit is contained in:
Ismail Ali
2026-04-28 16:14:36 +02:00
parent aa3397c6f6
commit ec69117e6f

View File

@@ -1,6 +1,6 @@
import type { NativeStackScreenProps } from '@react-navigation/native-stack'; import type { NativeStackScreenProps } from '@react-navigation/native-stack';
import { useState } from 'react'; import { useState } from 'react';
import { FlatList, KeyboardAvoidingView, Platform, StyleSheet, TextInput, View } from 'react-native'; import { FlatList, KeyboardAvoidingView, Platform, StyleSheet, Text, TextInput, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { ChatBubble, type ChatMessage } from '../components/ChatBubble'; import { ChatBubble, type ChatMessage } from '../components/ChatBubble';
@@ -59,11 +59,14 @@ export function ChatScreen({ route }: ChatScreenProps) {
<TextInput <TextInput
multiline multiline
onChangeText={setInput} onChangeText={setInput}
placeholder="Write an English sentence..." placeholder="Write or dictate an English sentence..."
placeholderTextColor={colors.textSecondary} placeholderTextColor={colors.textSecondary}
style={styles.input} style={styles.input}
value={input} value={input}
/> />
<Text style={styles.dictationHint}>
Tip: tap this field and use the iPhone keyboard microphone to dictate your sentence.
</Text>
<View style={styles.actionRow}> <View style={styles.actionRow}>
<View style={styles.actionItem}> <View style={styles.actionItem}>
<PrimaryButton label={isSending ? 'Thinking...' : 'Send'} onPress={sendMessage} /> <PrimaryButton label={isSending ? 'Thinking...' : 'Send'} onPress={sendMessage} />
@@ -123,4 +126,9 @@ const styles = StyleSheet.create({
padding: 14, padding: 14,
textAlignVertical: 'top', textAlignVertical: 'top',
}, },
dictationHint: {
color: colors.textSecondary,
fontSize: 12,
lineHeight: 17,
},
}); });