# adaloで制作したアプリをグーグルプレイに公開したら、プレビューと異なる形に表示が崩れました **URL:** \ **Category:** Adalo\ **Created:** [2022 年 5 月 5 日午前 11:28 UTC](https://www.nocode-faq.com/t/topic/2853 "2022-05-05T11:28:30Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![yukikishino](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@yukikishino](https://www.nocode-faq.com/u/yukikishino)\ **Post date:** [2022 年 5 月 5 日午前 11:28 UTC](https://www.nocode-faq.com/t/topic/2853/1 "2022-05-05T11:28:30Z")
![1092](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4f2f69fde0a0201e43205317699a43596412def0.jpeg) プレビューではこのように最下部が画面の下に沿うようになっています ところが、正式リリースされたものを自分でダウンロードしたところ、下記のようになってしまいました。 これはどうすれば解決できますか？ ![1091](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/69b08957510b1085c21a36ebb57eabb25adec158.jpeg) ![1090](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/40699dc40b501ff84cb3206beda8b3a795453d1d.jpeg) あと、下の保存、ホーム、なども切れています > > > An encyclopedia that anyone can write! !! !... プレイストアのリンクです ---
**Author:** ![shuhayas](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/shuhayas/32/5306_2.png) [@shuhayas](https://www.nocode-faq.com/u/shuhayas)\ **Post date:** [2022 年 5 月 7 日午前 3:25 UTC](https://www.nocode-faq.com/t/topic/2853/2 "2022-05-07T03:25:57Z")
エディターを見ないとなんとも言えないですが、スマホのサイズに合わせて伸びたのだと思います。 要素を追加するなどして調整が必要です。 ---
**Author:** ![yukikishino](https://avatars.discourse-cdn.com/v4/letter/y/f19dbf/32.png) [@yukikishino](https://www.nocode-faq.com/u/yukikishino)\ **Post date:** [2022 年 5 月 7 日午前 4:56 UTC](https://www.nocode-faq.com/t/topic/2853/3 "2022-05-07T04:56:55Z")
ご返答ありがとうございます。それが、プレビューではiphone13proでも正しく表示されるのですが、いざ実際のスマートフォンにインストールすると、それより大きいスマホでも、小さいスマホでも下部バーの保存、ホームなどが切れてしまいます。確かに、大きいスマホ（pixel6pro)では他の部分が切れていなかったりするので、おっしゃられるようにサイズも関係しているのだと思います。 ご参考に足りるかわかりませんが、エディターは下記のようになっています. 追加でお見せすべきエディターの画面、部分があればお申し付けください ![スクリーンショット 2022-05-07 13.42.16](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a027120e7b6ef19c8e5791b344281a54c87d2a59.jpeg) ![スクリーンショット 2022-05-07 13.42.28](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/083e16968f00357416f7e5b3d173c0633c8edc01.jpeg) ![スクリーンショット 2022-05-07 13.42.44](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/755985eb84820460010d7dee10eff0de8d2605ba.jpeg) エディター上で画面そのものをすごく大きくしたり、小さくしたりしたのですが、実際のスマホでは改善が見られませんでした ちなみにブラウザー（クロームなど）では下部の空白もホーム、保存などの切れも生じません。 ぜひその要素の追加を試みたいのですが どの要素をどのように追加すればよろしいでしょうか？ 追加すべき要素はどのコンポーネントになるでしょうか？ 初心者の考えで返信しているので的外れなところがあるかもしれませんが、何か足しになりそうなことがあれば何でも教えてください。よろしくお願いいたします ---
**Author:** ![shuhayas](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/shuhayas/32/5306_2.png) [@shuhayas](https://www.nocode-faq.com/u/shuhayas)\ **Post date:** [2022 年 5 月 7 日午前 6:47 UTC](https://www.nocode-faq.com/t/topic/2853/4 "2022-05-07T06:47:22Z")
App barはAdalo公式のものでしょうか？それで表示が崩れる場合は、自作するかですかね。