Flutter-最簡單的 Flexible 使用範例

2020 年 12 月 4 日 1,805 則留言

背景知識

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

官方說明頁面

本文 source code

介紹內容

Flexible 可以擴展 Row, Column 的子畫面，若超過指定的大小則根據 flex 畫面佔比的平均分配，在多個物件需要自適應大小的狀況下相當實用，如以下效果

Row(
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.max,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Flexible(
          child: Container(
            color: Colors.red,
            height: 80,
            width: 80,
          ),
          flex: 2,
        ),
        Flexible(
          child: Container(
            color: Colors.yellow,
            height: 80,
            width: 80,
          ),
          flex: 3,
        ),
        Flexible(
          child: Container(
            color: Colors.green,
            height: 80,
            width: 80,
          ),
          flex: 4,
        ),
      ],
    );

超過大小的狀況

Row(
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.max,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Flexible(
          child: Container(
            color: Colors.red,
            height: 80,
            width: 800,
          ),
          flex: 2,
        ),
        Flexible(
          child: Container(
            color: Colors.yellow,
            height: 80,
            width: 800,
          ),
          flex: 3,
        ),
        Flexible(
          child: Container(
            color: Colors.green,
            height: 80,
            width: 800,
          ),
          flex: 4,
        ),
      ],
    );

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

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

    回覆

  20. I’m reaally loing the theme/design of your site. Do yyou eve run into any innternet browseer compatibilityy problems?
    A ckuple off myy blog visitors hav complained abou my site noot oplerating correctly in Explorer butt looks greeat in Safari.
    Do yoou hace anny suggestions too hedlp fiix this problem?

    回覆

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

    回覆

  35. Pain Dementia Fact Sheet Learn what the symptoms and risk factors for dementia are.
    Big savings on retail prices available here for your does tadalafil increase testosterone from honest online pharmacies when you really need reasonable
    Risk factors may include: HPV infection Smoking Lower socio-economic status There are usually no symptoms or signs of early cervical cancer.

    回覆

  36. If you would like to obtain more information about these advertising practices and to make choices about online behavioral advertising, please click here The material on this web site is provided for educational purposes only, and is not to be used for medical advice, diagnosis or treatment.
    To buy tadalafil 20mg reviews pills on this specialist portal
    Dig your fingernails in and hold on, it will get better.

    回覆

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

    回覆

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

    回覆

  49. Hello, Neat post. There’s an issue along with your site in web explorer, would test this?K IE still is the market chief and a huge section of people will leave out your wonderful writing due to this problem.

    回覆

  50. What¦s Taking place i am new to this, I stumbled upon this I have discovered It absolutely helpful and it has aided me out loads. I am hoping to give a contribution & help other customers like its aided me. Good job.

    回覆

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

    回覆

  58. Appreciating the commitment you put into your website and in depth information you provide. It’s good to come across a blog every once in a while that isn’t the same unwanted rehashed material. Great read! I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

    回覆

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

    回覆

  67. I have not checked in here for a while since I thought it was getting boring, but the last few posts are great quality so I guess I’ll add you back to my everyday bloglist. You deserve it my friend 🙂

    回覆

  70. These typically develop after many years 10—20 , but may be the first symptom in those who have otherwise not received a diagnosis before that time.
    review sites personally visit a pharmacy before approving for neurontin uses from Canada to gain your trust.
    In that same tear, an estimated 32,052 people were diagnosed with AIDS.

    回覆

  71. This is because it can take between 2 and 12 weeks after infection for the HIV test to become positive, depending on the type of test used.
    Get the fastest result at what is keflex for . Get your ED treatment now!
    You might be able to take part in a clinical trial as new treatments become available and need to be tested.

    回覆

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

    回覆

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

    回覆

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

    回覆

  80. Uddin earned her Master of Science in integrated biomedical sciences with an emphasis in molecular and cellular biochemistry from the University of Kentucky College of Medicine.
    Customers satisfaction guarantee at doxycycline 100mg for dogs at great low prices from online pharmacies
    Have been having more than normal heavier white, sticky discharge for past week.

    回覆

  81. Certain individuals with chronic respiratory disease chronic obstructive pulmonary disorder, asthma may experience difficulty breathing.
    sells drugs at discountsInstead of buying is lisinopril a blood thinner if it’s priced too low?
    Recommendations Weight loss is recommended for GERD patients who are overweight or have had recent weight gain.

    回覆

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

    回覆

  84. Higher-grade tumors tend to have areas of necrosis and degenerative material as well Enneking, 1983.
    Check out how much you can save on valtrex weight gain reddit can be as simple as checking review sites.
    Skin that is pasty or sallow, or lack of color in the creases of the palm, gums, nail beds, or lining of the eyelids are other signs of anemia.

    回覆

  98. Placenta previa — Placenta covers part or entire opening of cervix inside of the uterusPainless vaginal bleeding during second or third trimesterFor some, no symptomsIf diagnosed after the 20th week of pregnancy, but with no bleeding, a woman will need to cut back on her activity level and increase bed rest.
    Don’t buy from sites that say their does lyrica show up on a drug test is available online at the lowest possible medication
    This underlines the heterogeneous nature of depression, which may in turn explain the lack of progress in validating depression diagnosis with biomarkers.

    回覆

  100. In an oral glucose tolerance test, a person has to fast for at least 8 hours.
    For people who use daily medications buying glucophage waga to minimize specific symptoms
    We have better drugs, know more about how to slow down kidney failure, and have updated dialysis machines.

    回覆

  111. Кондиционирование воды выполняет значимую роль в гарантировании функциональности промышленного оборудования – https://machinetechsolutions.ru/jeffektivnost-i-preimushhestva-filtra-gejzer-2/. Технология предполагает очистку и настройку воды для удаления нежелательных примесей, таких как растворимые соли, органические соединения и бактерии. Это необходимо для предотвращения коррозии, солевых отложений и иных проблем, которые способны понизить работоспособность устройств и сократить период эксплуатации. Внедрение правильной водоподготовки помогает не только увеличить надёжность и долговечность оборудования, но и уменьшить затраты на его обслуживание и обслуживание.

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

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

    回覆

  113. Welcome to our website, your leading source for all the latest updates and information on the press landscape in the United Kingdom. Whether you’re fascinated in telecasts, radio, newspapers, or digital media, we offer thorough coverage that keeps you informed about the key trends and patterns. From latest articles to detailed analyses, our team of experienced journalists and industry experts work diligently to bring you the most reliable and latest news – https://ukeventnews.uk/what-amount-of-music-does-an-average-individual/
    In addition to updates, we deliver thought-provoking features and opinion pieces that delve into the intricacies of the broadcasting industry. Our reports cover a wide range of topics, including regulatory alterations, media proprietorship, and the impact of new innovations. We also showcase the accomplishments and difficulties faced by media professionals, presenting a platform for voices from all over the industry to be listened to and valued.
    Stay engaged with the pulse of the UK media scene through our constantly updated content. Whether you’re a media professional, a student, or simply a media enthusiast, our platform is designed to accommodate to your likes and needs. Join our growing community of readers and confirm you’re always in the know about the dynamic and always developing world of media in the United Kingdom.

    回覆

  116. Es por eso que ahora tienes la obligación de informar a Hacienda de la posesión de cualquier criptomoneda que tengas y de cualquier transacción que realices de forma detallada. Y esto es así tanto para las monedas que tengas tanto en España como en cualquier otro país del mundo. Al hacer click en Enviar, aceptas expresamente las Condiciones de Uso y Privacidad El primer máster descentralizado y tokenizado en web3 e innovación Hola Marc, tus opiniones son importantes, las tendre en cuenta. La verdad si existen cientos de plataformas con el sistema ponci o multinivel que son una estafa. Creo que informandose a fondo se puede invertir en criptomonedas y se puede ganar por su revalorizacion o haciendo trading que obviamente es para expertos. Que cual es la moneda en que debo invertir? es el meollo del asunto. A quien de confianza se le pregunta? he ahi el dilema. Buscar un buen mentor es cuestion de suerte, porque los buenos en el tema no dictan cursos por internet.Asi pues queda estudiar por cuenta propia, perder un poco de dinero, hasta encontrar lo que relamente buscamos.Adelante y felicidades.
    http://swimming.s-server.kr/bbs/board.php?bo_table=free&wr_id=1738385
    An Volet account is required for that Investigadores de ESET descubrieron que el código JavaScript que se insertaba en las páginas de Gate.io había sido modificado. El código malicioso se encontraba en el componente ‘statcounter counter counter.js’ y trataba de interceptar y redirigir las transacciones de Bitcoin que tenían lugar en la popular plataforma de trading. “El flujo LNURL-withdraw estandariza la comunicación de esta factura LN y el pago de la factura en una única acción UX iniciada por el LN WALLET”. Min Withdraw Eso no lo sabía ya que nunca he tenido que hacerlo, ahora mismo lo corrijo. Muchas gracias por el apunte. Investigadores de ESET descubrieron que el código JavaScript que se insertaba en las páginas de Gate.io había sido modificado. El código malicioso se encontraba en el componente ‘statcounter counter counter.js’ y trataba de interceptar y redirigir las transacciones de Bitcoin que tenían lugar en la popular plataforma de trading.

    回覆

  142. As already mentioned, 32Red offers different exclusive bonuses every month, so don’t miss to take part in the poker or slot tournaments or accumulate more Red Ruby Points. Being an insightful online casino operator, 32Red is committed to developing the best mobile gambling experience for its players. In order to bring the excitement of thrilling casino games wherever you may be, this casino has brought the games straight to your smartphone and tablet screens. They have packed together more than a hundred of their premium blackjack, roulette and slot games and optimised them for your touchscreen. Now, you never have to wait to get to your desktop to begin playing. In this 32Red Casino review, British players can get familiarised with a responsible gambling platform that offers diverse games from top developers. This licensed casino boasts over 1600 slots and multiple other gambling products, so there’s plenty to explore. Try the 32Red online casino below and find out why it’s considered one of the best in the UK.
    https://opendata-ercolano.cultura.gov.it/user/zerdmartvitwind1970
    IGT iPad, Android, iPhone Slot Casino Games: Free & Real Play Apps, iPad, iPhone & Android Slots ✅ Free Game Previews & App Guides, Social Casino ✅ iPad Slot Games Play For Free Fun Game Reviews Black Widow is a unique game with an intriguing, yet twisted theme nonetheless, with high paying and innovative features that you don’t see every day. If you are looking for a game with high payouts and a different set of features than are available in most other games, then IGT’s Black Widow slot would be a good option for you. Furthermore, if you like fast and frequent payouts as opposed to infrequent but large payouts, you might get bored playing Black Widow. Other slots by IGT include Bitten and Cluedo. The Black Widow slot by IGT has gained a lot of popularity worldwide. It has excellent features like stacked symbols, a free spins bonus round, top-quality graphics, sound effects, and more that we will discuss in this Black Widow slot review. If you want to play the game, you can start by registering at the recommended operator below:

    回覆

  166. Nice post. I used to be checking constantly this weblog and I’m impressed! Very useful info specifically the closing phase 🙂 I care for such information a lot. I used to be seeking this particular info for a very lengthy time. Thank you and good luck.

    回覆

  252. Great work! This is the type of info that should be shared around the net. Shame on the search engines for not positioning this post higher! Come on over and visit my site . Thanks =)

    回覆

  271. I strongly recommend stay away from this platform. My own encounter with it was purely dismay as well as concerns regarding deceptive behavior. Exercise extreme caution, or even better, seek out a trustworthy service to fulfill your requirements.

    回覆

  302. I highly advise steer clear of this site. My personal experience with it was only frustration and concerns regarding scamming practices. Exercise extreme caution, or even better, seek out an honest platform to fulfill your requirements.

    回覆