SvelteNative, nativescriptのAndroid textFieldが消えるハマりポイントの回避策を解説

SvelteNativeで開発をしていた際、Androidでのみ以下のようにtextFieldに入力するとどこかに行ってしまうバグが発生

Androidエミュレーター

解決方法

scrollViewの中にあるstackLayoutの高さを決めてあげることです。

<scrollView class="color-base" scrollBarIndicatorVisible="false">
	<stackLayout class="color-base px-10" orientation="vertical">
    <textField />
...
  </stackLayout>
</scrollView>
<scrollView class="color-base" scrollBarIndicatorVisible="false">
	<stackLayout class="color-base px-10" orientation="vertical" height="1000">
    <textField />
...
  </stackLayout>
</scrollView>

高さはページ要素に対して余裕を持たせるか、JavaScriptの計算で決めてあげましょう!




今SvelteNativeを使って英語圏アプリでマネタイズをしています。

その裏側を紹介するメールマガジンを配信しているので、ご興味あれば覗いてみてくださいね。