フォーカス遅延をアニメーション時間(180ms)に合わせる

TinyKitten · claude · TinyKitten · commit b412a8c673fb · 2026-03-11T09:10:04.000+09:00
Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/src/components/SavePresetNameModal.tsx b/src/components/SavePresetNameModal.tsx
@@ -110,11 +110,11 @@ export const SavePresetNameModal: React.FC<Props> = ({
       inboundOpacity.setValue(1);
       outboundOpacity.setValue(1);
 
-      // モーダルアニメーション(180ms)とKeyboardAvoidingViewのレイアウト確定を待ってからフォーカスする
+      // モーダルアニメーション(180ms)の完了を待ってからフォーカスする
       if (Platform.OS === 'ios') {
         const timer = setTimeout(() => {
           textInputRef.current?.focus();
-        }, 300);
+        }, 180);
         return () => clearTimeout(timer);
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -110,11 +110,11 @@ export const SavePresetNameModal: React.FC<Props> = ({`
`110`	`110`	`inboundOpacity.setValue(1);`
`111`	`111`	`outboundOpacity.setValue(1);`
`112`	`112`
`113`		`- // モーダルアニメーション(180ms)とKeyboardAvoidingViewのレイアウト確定を待ってからフォーカスする`
	`113`	`+ // モーダルアニメーション(180ms)の完了を待ってからフォーカスする`
`114`	`114`	`if (Platform.OS === 'ios') {`
`115`	`115`	`const timer = setTimeout(() => {`
`116`	`116`	`textInputRef.current?.focus();`
`117`		`- }, 300);`
	`117`	`+ }, 180);`
`118`	`118`	`return () => clearTimeout(timer);`
`119`	`119`	`}`
`120`	`120`	`}`