# Adalo レイアウトがごちゃごちゃする

**URL:** <https://www.nocode-faq.com/t/topic/1969>\
**Category:** Adalo\
**Created:** [2021 年 7 月 31 日午前 6:27 UTC](https://www.nocode-faq.com/t/topic/1969 "2021-07-31T06:27:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 7 月 31 日午前 6:27 UTC](https://www.nocode-faq.com/t/topic/1969/1 "2021-07-31T06:27:25Z")

</div>

現在お客さんとお店側でアプリの画面を分けるためにホーム画面をRectangleで覆ってお店のホームに遷移するボタンを作っています。  
Userのプロパティのお店がTrueの時にだけ、表示するようにしたいのですが、プレビューで見るとレイアウトが崩れてしまいます。  
Arrangeをいじってもうまくいきません。  
何が原因なのでしょうか？

 ![スクリーンショット 2021-07-31 15.25.05](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/28d6e52cf6f40b6234d463edca22173b8ff6023d.jpeg)

 ![スクリーンショット 2021-07-31 15.25.57](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3da582b8a188156b698a928a3b1ee81679508fa7.jpeg)

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 7 月 31 日午前 8:02 UTC](https://www.nocode-faq.com/t/topic/1969/2 "2021-07-31T08:02:41Z")

</div>

Sometimeで見えなくなっても、処理場は、空白のコンテンツとして、Adaloに残っているんですよね。どうやって崩れているのか？ ちょっと理解できてなくて、具体的な対策が提案しづらいのですが、場合によっては、若干デザインを変える必要があるかもしれません。

よくやるのは、  
①全てをGroupで囲む  
②Fix で消えても固定のものを持っていく

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/00cb3770e5c7c103060e53f3d948fe010abc1bb0.png)  
③Somtimeで消えるものと同じ透明なコンポーネントを用意する

などの方法で解決してます。

---

<div class="post-metadata">

**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\
**Post date:** [2021 年 7 月 31 日午前 8:28 UTC](https://www.nocode-faq.com/t/topic/1969/3 "2021-07-31T08:28:53Z")

</div>

Adaloのレイアウト問題なかなか曲者ですよね！tsubasaさんのおっしゃる通りにやってみるのがいいと思います。一応、第二案として、空のホーム画面をつくって条件分岐して画面遷移するという回避方法もあるかと。

 ![スクリーンショット 2021-07-31 17.19.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/44a3349368c12358f0bacf3a01a67228061ae07e.png)

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 7 月 31 日午前 8:29 UTC](https://www.nocode-faq.com/t/topic/1969/4 "2021-07-31T08:29:11Z")

</div>

②Fixさせるものがなんなのか  
と  
③のやり方がいまいち分かりません。

とりあえず①やってみます。

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 7 月 31 日午前 8:32 UTC](https://www.nocode-faq.com/t/topic/1969/5 "2021-07-31T08:32:06Z")

</div>

おおなるほど、ログイン時に無理矢理やろうとして挫折してました。  
発想を変えるちょっとした頭の体操ですね。  
ありがとうございます。  
レイアウトがバシッと決まらなかったらこっちでやってみます。

---

<div class="post-metadata">

**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\
**Post date:** [2021 年 7 月 31 日午前 8:39 UTC](https://www.nocode-faq.com/t/topic/1969/6 "2021-07-31T08:39:01Z")

</div>

ぜひ！adaloのレイアウト問題は解決法をまとめて記事にしてみたいですね

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 7 月 31 日午前 8:53 UTC](https://www.nocode-faq.com/t/topic/1969/7 "2021-07-31T08:53:35Z")

</div>

いろんな方が  
苦戦されてるようですもんね、、、、  
また何かあったらよろしくお願いします！
