https://github.com/codefoxlk/easy_separator

A new Flutter package project for create columns and rows with separators.
https://github.com/codefoxlk/easy_separator

Last synced: 5 months ago
JSON representation

A new Flutter package project for create columns and rows with separators.

• Host: GitHub
• URL: https://github.com/codefoxlk/easy_separator
• Owner: CodeFoxLk
• License: mit
• Created: 2021-11-13T15:29:36.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-30T09:57:58.000Z (about 4 years ago)
• Last Synced: 2025-03-01T16:14:47.515Z (12 months ago)
• Language: Dart
• Size: 104 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Easy Separator

A Flutter package for create columns and rows with separators

All the snippets are from the [example project](https://github.com/CodeFoxLk/easy_separator).

**Easy Separated Column**

----



    EasySeparatedColumn(

            crossAxisAlignment: CrossAxisAlignment.center,

            mainAxisAlignment: MainAxisAlignment.center,

            separatorBuilder: (BuildContext context, int index) {

              return const Text('',);

            },

            children: [

              Container(height: 20, color: Colors.purple),

              Container(height: 20, color: Colors.lightBlue),

              Container(height: 20, color: Colors.green),

              Container(height: 20, color: Colors.yellow),

              Container(height: 20, color: Colors.orange),

              Container(height: 20, color: Colors.red),

            ],

          )

**Easy Separated Row**

----



    EasySeparatedRow(

                  separatorBuilder: (BuildContext context, int index) {

                    return const RotatedBox(

                        quarterTurns: 3,

                        child: Text(

                          '',

                        ));

                  },

                  children: [

                    Container(width: 20, color: Colors.purple),

                    Container(width: 20, color: Colors.lightBlue),

                    Container(width: 20, color: Colors.green),

                    Container(width: 20, color: Colors.yellow),

                    Container(width: 20, color: Colors.orange),

                    Container(width: 20, color: Colors.red),

                  ],

                )