Flutter-最簡單的 Row 使用範例

背景知識

有使用到 Container 與 Center 可參考Flutter-最簡單的 Container 使用範例、Flutter-最簡單的 Center 使用範例

本文 source code

介紹內容

使用方法

Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,//左右的對齊方式
        mainAxisSize: MainAxisSize.max,//外在約束條件下,剩餘空間的使用方式
        crossAxisAlignment: CrossAxisAlignment.center,//上下兩邊的對齊方式
        children: [
          
        ],
      ),

使用範例

在 children 中加入紅、黃、綠,三個顏色的 Container,並

於上層放入黑色的 Container

Container(
      color: Colors.black,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround, //左右的對齊方式
        mainAxisSize: MainAxisSize.max, //外在約束條件下,剩餘空間的使用方式
        crossAxisAlignment: CrossAxisAlignment.center, //上下兩邊的對齊方式
        children: [
          Container(
            padding: const EdgeInsets.all(0.0),
            color: Colors.red,
            width: 80.0,
            height: 80.0,
          ),
          Container(
            padding: const EdgeInsets.all(0.0),
            color: Colors.yellow,
            width: 80.0,
            height: 80.0,
          ),
          Container(
            padding: const EdgeInsets.all(0.0),
            color: Colors.green,
            width: 80.0,
            height: 80.0,
          ),
        ],
      ),
    );

mainAxisAlignment 參數測試

.center.start.end
.centerstartend
.spaceEvenly.spaceAround.spaceBetween
spaceEvenlyspaceAroundspaceBetween

CrossAxisAlignment 參數測試

.center.start.end.stretch
centerstartendstretch

mainAxisSize 參數測試

為了使 mainAxisSize 參數生效,我們在外層的 Container 外層再加入一個 Center 約束 Container 給予黑色

Center(
      child: Container(
        color: Colors.black,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround, //左右的對齊方式
          mainAxisSize: MainAxisSize.max, //外在約束條件下,剩餘空間的使用方式
          crossAxisAlignment: CrossAxisAlignment.center, //上下兩邊的對齊方式
          children: [
            Container(
              padding: const EdgeInsets.all(0.0),
              color: Colors.red,
              width: 80.0,
              height: 80.0,
            ),
            Container(
              padding: const EdgeInsets.all(0.0),
              color: Colors.yellow,
              width: 80.0,
              height: 80.0,
            ),
            Container(
              padding: const EdgeInsets.all(0.0),
              color: Colors.green,
              width: 80.0,
              height: 80.0,
            ),
          ],
        ),
      ),
    );
MainAxisSize.max

使用MainAxisSize.min

在〈“Flutter-最簡單的 Row 使用範例”〉中有 2 則留言

  1. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт фотоаппаратов canon в москве, можете посмотреть на сайте: ремонт фотоаппаратов canon цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  2. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт холодильников siemens, можете посмотреть на сайте: ремонт холодильников siemens цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт холодильников siemens сервис, можете посмотреть на сайте: ремонт холодильников siemens в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  4. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт холодильников siemens в москве, можете посмотреть на сайте: ремонт холодильников siemens цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  5. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт imac 27, можете посмотреть на сайте: ремонт imac 27 сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт холодильников smeg, можете посмотреть на сайте: ремонт холодильников smeg цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  7. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ipad pro 12.9 рядом, можете посмотреть на сайте: ремонт ipad pro 12.9 в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт ipad mini 4, можете посмотреть на сайте: ремонт ipad mini 4 адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  9. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone se 2020 цены, можете посмотреть на сайте: ремонт iphone se 2020 сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  10. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ipad mini 3 цены, можете посмотреть на сайте: ремонт ipad mini 3 адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  11. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 12 pro max адреса, можете посмотреть на сайте: ремонт iphone 12 pro max
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт iphone 11 цены, можете посмотреть на сайте: ремонт iphone 11
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  13. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт iphone xs, можете посмотреть на сайте: ремонт iphone xs в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  14. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт macbook air m1, можете посмотреть на сайте: ремонт macbook air m1 в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  15. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт кофемашин philips, можете посмотреть на сайте: ремонт кофемашин philips
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  16. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт кофемашин spidem, можете посмотреть на сайте: ремонт кофемашин spidem в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  17. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт macbook pro 16 адреса, можете посмотреть на сайте: ремонт macbook pro 16 адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  18. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков hp сервис, можете посмотреть на сайте: ремонт ноутбуков hp цены
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  19. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт macbook pro m3, можете посмотреть на сайте: ремонт macbook pro m3
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  20. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков acer сервис, можете посмотреть на сайте: ремонт ноутбуков acer адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков asus, можете посмотреть на сайте: ремонт ноутбуков asus сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  22. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков fujitsu siemens, можете посмотреть на сайте: ремонт ноутбуков fujitsu siemens
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  23. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт ноутбуков toshiba, можете посмотреть на сайте: ремонт ноутбуков toshiba адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  24. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков fujitsu siemens рядом, можете посмотреть на сайте: ремонт ноутбуков fujitsu siemens адреса
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  25. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков toshiba сервис, можете посмотреть на сайте: срочный ремонт ноутбуков toshiba
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  26. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков lenovo, можете посмотреть на сайте: ремонт ноутбуков lenovo
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  27. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт ноутбуков msi, можете посмотреть на сайте: ремонт ноутбуков msi рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  28. Устройство колодцев на воду — это основной процесс в организации самостоятельного обеспечения водоподачи частного дома. Этот процесс предполагает подготовку территории, анализ грунта и гидрогеологическое обследование площадки, чтобы определить подходящее расположение для размещения скважины. Расстояние до воды зависит от особенностей местности, что устанавливает её тип: верховодка, песчаная скважина или глубинная – https://prom-info01.ru/invertornyj-apparat-argonodugovoj-svarki-ptk-profi/ . Правильно спроектированная водная скважина предоставляет чистую и непрерывную воду в всех сезонах, исключая вероятность осушения и загрязнения. Современные технологии позволяют легко механизировать использование скважины, значительно облегчая её внедрение для домашнего хозяйства.

    После установки источника необходимо устроить систему водоснабжения, чтобы она была качественной и надежной. Настройка заключается в установку насосного оборудования, установку очистительных систем и развод водопроводной системы. Также требуется рассчитать систему автоматизации, которая будет контролировать напор и расход жидкости. Защита скважины от замерзания и обеспечение её бесперебойной работы в холода также остаются необходимыми. С профессиональным подходом к сверлению и монтажу можно обеспечить коттедж бесперебойной водой, придавая удобство насыщенной и комфортной.

  29. Профессиональный сервисный центр по ремонту радиоуправляемых устройства – квадрокоптеры, дроны, беспилостники в том числе Apple iPad.
    Мы предлагаем: ремонт квадрокоптеров в москве и московской области
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  30. Профессиональный сервисный центр по ремонту квадрокоптеров и радиоуправляемых дронов.
    Мы предлагаем:цены на ремонт квадрокоптеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  31. Профессиональный сервисный центр по ремонту сотовых телефонов, смартфонов и мобильных устройств.
    Мы предлагаем: мастерская по ремонту телефонов
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  32. Профессиональный сервисный центр по ремонту сотовых телефонов, смартфонов и мобильных устройств.
    Мы предлагаем: ремонт телефонов в москве рядом
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  33. Профессиональный сервисный центр по ремонту ноутбуков, макбуков и другой компьютерной техники.
    Мы предлагаем:ремонт macbook pro в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  34. Link pyramid, tier 1, tier 2, tier 3
    Tier 1 – 500 connections with integration embedded in pieces on content sites

    Tier 2 – 3000 web address +Redirect links

    Lower – 20000 hyperlinks blend, feedback, entries

    Implementing a link pyramid is useful for indexing systems.

    Require:

    One link to the platform.

    Key Phrases.

    Valid when 1 search term from the website heading.

    Observe the extra feature!

    Crucial! Top references do not overlap with Tier 2 and Tier 3-rank connections

    A link structure is a device for boosting the liquidity and link profile of a website or social media platform

  35. Its like you learn my mind! You appear to understand so much approximately this, like you wrote the book in it or something.
    I feel that you simply can do with a few p.c.
    to force the message house a bit, however instead of that,
    this is excellent blog. An excellent read. I’ll certainly be back.