# Adaloのコンポーネントを整列させるやり方を教えて下さい

**URL:** <https://www.nocode-faq.com/t/topic/2842>\
**Category:** Adalo\
**Created:** [2022 年 5 月 1 日午後 8:51 UTC](https://www.nocode-faq.com/t/topic/2842 "2022-05-01T20:51:44Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![shnd](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@shnd](https://www.nocode-faq.com/u/shnd)\
**Post date:** [2022 年 5 月 1 日午後 8:51 UTC](https://www.nocode-faq.com/t/topic/2842/1 "2022-05-01T20:51:44Z")

</div>

画面に複数のTextコンポーネントやボタンを横一線に配置したいときに位置（上下方向）が微妙にずれてしまいます。（いかにも素人が作りましたって感じのアプリになってしまいます）

皆さんはコンポーネントをズレずに、きれいに整列させるにはどうされているのでしょうか？

---

<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:** [2022 年 5 月 2 日午後 12:32 UTC](https://www.nocode-faq.com/t/topic/2842/2 "2022-05-02T12:32:39Z")

</div>

Adalo,1pixelでもズレると、途端に崩れてしまいますよね。  
まずは、横の高さなど、をずらさないようにそれぞれのコンポーネント設置する必要があります。

私の場合には、  
①1つのコンポーネントをコピーして、 **キーボード** で、横に移動させる。（地味な作業）  
②すべてのコンポーネントの高さを Rectangle + Groupでくくって、ずれても横にそろわせるようにする。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/58616f10c01b8c5003e8cdef6251b895f2527f0a.png)

って感じです。参考になれば。

---

<div class="post-metadata">

**Author:** ![shnd](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@shnd](https://www.nocode-faq.com/u/shnd)\
**Post date:** [2022 年 5 月 2 日午後 10:46 UTC](https://www.nocode-faq.com/t/topic/2842/3 "2022-05-02T22:46:26Z")

</div>

宮崎さん有難うございます。地味な作業がやはり必要なんですね。参考になりました。

---

<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:** [2022 年 5 月 3 日午前 3:14 UTC](https://www.nocode-faq.com/t/topic/2842/4 "2022-05-03T03:14:06Z")

</div>

そうなんですよね💦 意外と地味なんですよね。。

@kinari@Wataru 地味作業以外で、何かできることあれば、教えてくださいませ ーーー。

---

<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:** [2022 年 5 月 3 日午後 2:11 UTC](https://www.nocode-faq.com/t/topic/2842/5 "2022-05-03T14:11:31Z")

</div>

これはエディターの時点では出来てるのに、プレビューすると、っていう意味ですかね？

エディター上だと、ガイドに合わせれば、そんなに難しいです？？

---

<div class="post-metadata">

**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:29 UTC](https://www.nocode-faq.com/t/topic/2842/6 "2022-05-07T03:29:51Z")

</div>

きれいに並べるには？に関して、エディターでは並んでいるけど、プレビューでずれるのでしょうか？
