svenf/Massive
1
0
Fork 0
Code Pull Requests Activity

Auto focus and select reps on SetForm

Browse Source
This commit is contained in:
Brandon Presley 2022-08-06 15:10:48 +12:00
parent 3377365590
commit 31c6047c9c
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
SetForm.tsx
View File

@ -19,7 +19,6 @@ export default function SetForm({
const [unit, setUnit] = useState(set.unit); const [unit, setUnit] = useState(set.unit);
const [showDate, setShowDate] = useState(false); const [showDate, setShowDate] = useState(false);
const weightRef = useRef<any>(null); const weightRef = useRef<any>(null);
const repsRef = useRef<any>(null);
const onConfirm = (date: Date) => { const onConfirm = (date: Date) => {
setCreated(date); setCreated(date);
@ -52,10 +51,9 @@ export default function SetForm({
keyboardType="numeric" keyboardType="numeric"
value={reps} value={reps}
onChangeText={setReps} onChangeText={setReps}
ref={repsRef}
blurOnSubmit={false}
onSubmitEditing={() => weightRef.current?.focus()} onSubmitEditing={() => weightRef.current?.focus()}
selectTextOnFocus selection={{start: 0, end: set.reps.toString().length}}
autoFocus
/> />
<TextInput <TextInput
style={styles.marginBottom} style={styles.marginBottom}