Home / Flutter / UI

Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView in Flutter.

Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView in Flutter.
Information
Category: Flutter / UI
Watchers: 1
Star: 15
Fork: 6
Last update: Apr 11, 2021
Resource links
https://www.youtube.com/watch?v=yYxueTNIDlA
https://github.com/JohannesMilke/layout_basics_example

Flutter Tutorial - Flutter Layout Basics

Youtube Twitter Follow Newsletter

JohannesMilke | Sponsor

GitHub stars GitHub JohannesMilke

Build basic Flutter layouts and widgets with the help of Row, Column, Stack, Expanded, Container, ListView, and GridView in Flutter.

✌  Preview

App Preview Course Preview

➜ Buy My Courses

📺  Watch Video

YouTube video where the source code is explained. Subscribe YouTube channel.

Flutter Tutorial - Flutter Layout Basics YouTube video

➜ Watch My Video

⚡  Social Media

JohannesMilke | YouTube YouTube: @JohannesMilke

JohannesMilke | Twitter Twitter: @JohannesMilke

JohannesMilke | Instagram Instagram: @JohannesMilke

JohannesMilke | Facebook Facebook: @JohannesMilke

JohannesMilke | LinkedIn LinkedIn: @JohannesMilke

JohannesMilke | GitHub GitHub: @JohannesMilke

JohannesMilke | Medium Medium: @JohannesMilke

JohannesMilke | Website Website: @JohannesMilke

Contents

    The-ring-io Easily add staggered animations to your ListView, GridView, Column and Row children.
    The-ring-io Easily add staggered animations to your ListView, GridView, Column and Row children.
    xiaotong6s A quick adapter library for RecyclerView, GridView, ListView, ViewPager, Spinner
    fluttercommunity Flutter Infinite ListView - ListView with items that can be scrolled infinitely in both directions. Maintainer: @slightfoot
    KyoheiG3 Reusable GridView with excellent performance and customization that can be time table, spreadsheet, paging and more.
    PoojaB26 ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter
    Karumi ExpandableSelector is an Android library created to show a list of Button/ImageButton widgets inside a animated container which can be collapsed or expanded.
    mzp Multi-column/multi-row slack client for macOS
    abhijith0505 A demo android application that uses the listview-snapshot android library
    toandk A React Native ListView completely written in js, support refresh control and infinite scrolling
    facebook An Android library that allows you to build text layouts more easily.
    bluss matrixmultiply - General matrix multiplication for f32 and f64 matrices. Operates on matrices with general layout (they can use arbitrary row and column stride). Detects and uses AVX or SSE2 on x86 platforms transparently for higher performance. Uses a microkernel strategy, so that the implementation is easy to parallelize and optimize.
    harshibar 📝 A one-page, one-column column resume template by Harshibar
    24ark A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView.
    cht8687 react listview with sticky section header
    L4Digital A ListView-like FastScroller for Android’s RecyclerView.
    EastWoodYang Make load-more easy for ListView and RecycleView.
    zenangst :cyclone: Blueprints - A framework that is meant to make your life easier when working with collection view flow layouts.
    eschao An android widget: ElasticListView
    ruzhan1116 comic reader core view
    McoyJiang video player in ListView or RecyclerView
    Share this repo

    Related Repos


    UI
    8
    This package will animate a segment. The package provides you with a modern animated fancy...
    Mindinventory animated_segment This package will animates a segment. Package provides you a modern animated fancy segment. Show selection of tab using elastic way a
     
    UI
    9
    A simple widget to display ExpressLRS telemetry
    CapnBry No, you can't use this widget to configure your TX module, don't ask! A simple widget to display ExpressLRS LinkStats telemetry as well as common Beta
     
    UI
    5
    Popup Shapes for Notifications and tooltips.
    MR0100 popup_shapes 🎯 Popup Shapes for Notifications and tooltips. Shapes TOP LEFT CENTER RIGHT CENTER LEFT RIGHT BOTTOM RIGHT CENTER LEFT How to use impor
     
    UI
    3
    Beautiful Login Panel UI with support for dark mode and validation. Created by Martin Gogo...
    MonsieurZbanowanYY Flutter Login UI with darkmode support Flutter 2.8.0 Null Safety Beautiful Login Panel UI with support for dark mode and validation. Created by Martin
     
    UI
    3
    A TypeAhead (autocomplete) widget for Flutter, where you can show suggestions to users as ...
    YeMyoAung Starlight Type Ahead FLUTTER | ANDROID, IOS, LINUX, MACOS, WEB, WINDOWS A TypeAhead (autocomplete) widget for Flutter, where you can show suggestions
     
    UI
    3
    Zerotier Widget
    Duoslow Zerotier KDE Widget Displays Zerotier Network Members Features Show online member count on icon Click to copy zerotier ip Updates members status on in
     
    UI
    6
    A Widget-based Game Engine For Flutter
    deven98 illume A Widget-based Game Engine for Flutter Illume is a simple Flutter game engine which uses widgets to create game objects instead of sprites in n
     
    UI
    10
    Flutter's core Dropdown Button widget with steady dropdown menu and many options you can c...
    AhmedLSayed9 Flutter DropdownButton2 Intro Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. Featur
     
    UI
    3
    Customized google map with widget markers. Enables to show markers with widget code.
    santa112358 widget_marker_google_map Google map with widget markers. Set up Follow the steps on google_maps_flutter document. Usage Same as google_maps_flutter ex
     
    UI
    3
    An animated menu with both RTL and LTR direction support
    PersianFlutter animated_menu A new Flutter package project. Getting Started This project is a starting point for a Dart package, a library module containing code tha
     
    UI
    7
    A widget that allow user resize the widget with drag
    MohammadAminZamaniAfshar Flutter-Resizable-Widget A widget that allow user resize the widget with drag Note: this widget uses Getx Example bandicam.2021-11-11.12-34-41-056.mp4
     
    UI
    5
    Widget, that can make any static located widget hidable (scroll to hide).
    anonistas Installing See the official installing guidline from hidable/install Usage & Overview To start using Hidable widget, we have to create a ScrollControl
     
    UI
    5
    Beautiful login page
    amirziyacode Login Page A Beautiful login page UI like this Login_Page Use in your application Tank you ☺ Platform ios ✔️ android ✔️ responsive Can be used on all
     
    UI
    3
    Flutter package for creating a fully customizable and editable image widget. The package h...
    BBarisKilic EditableImage Flutter Package Flutter package for creating a fully customizable and editable image widget. The package has been written solely in Dart
     
    UI
    11
    A Flutter package for inspecting widgets.
    kekland inspector A Flutter package for inspecting widgets. Also comes with an eyedropper functionality. Useful for debugging widgets and for QA testing. Supp