Skip to main content

JetpackComposeのDropdownMenuの位置がおかしくなった話


JetpackComposeでエミューレーターだと上手く動くが
実機だとDropdownMenuの位置ががおかしいことになった。
これの解消の仕方


・バグ
以下だと一部の実機でDropdownMenuの位置が記載した位置を無視して端末の左上に出るというバグがあった

Button(){}
DropdownMenu(){}

 

・直し方
Boxで囲う。
囲うと位置がButtonの下にレイアウト通りに表示されるようになる
https://stackoverflow.com/questions/69337626/jetpack-compose-dropdownmenu-composable-is-placed-outside-the-box

Box {
    Button(){}
    DropdownMenu(){}
}

 

JetpackComposeのバグっぽい挙動どうにかならないかなぁw
プロダクション環境に突っ込んでるけど、なかなかに苦労してます

関連記事:

Pocket