Add iPhone dictation guidance
This commit is contained in:
@@ -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,
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user