- Image Color Filter
- Flip Card Widget
- Image Viewer 3D
- Interactive Viewer Widget
- Reorderable List View Widget
- Cupertino Context Menu Widget
- Tabular View Widget
- Amazon 'Swipe to place your order' UI
- Stepper Widget
- Confetti Widget
- List Wheel Scroll View Widget
- Custom Banner Widget
Image Color Filter | FlipCard | Image Viewer 3D | |
![]() |
|||
Interactive Viewer | Re-orderable List View | Cupertino Context Menu | |
Tabular View | Swipe to place order | Stepper | |
![]() |
|||
Confetti | List Wheel Scroll View | Custom Banner | |
![]() |
![](https://private-user-images.githubusercontent.com/73323807/247098898-3bf41ad9-a77b-4600-9ce5-45ea3230f06c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTcwMDcsIm5iZiI6MTcyMzA1NjcwNywicGF0aCI6Ii83MzMyMzgwNy8yNDcwOTg4OTgtM2JmNDFhZDktYTc3Yi00NjAwLTljZTUtNDVlYTMyMzBmMDZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4NTE0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhMzdkNzkwMDMyYzg5OWQ0YjA2N2NiZDE4NTNiNzZjODQzMDgyOWY4Mjc3MjM0MmQ1ODcyYjYyYTIxN2MwMDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UkuDYYZ00TbCSsXBHm527BkSXH3ik5Az2ynkU9zbyzw)
Solution
![](https://private-user-images.githubusercontent.com/73323807/247098873-08d6a17a-02ad-43d9-96d6-549bb15b37e2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTcwMDcsIm5iZiI6MTcyMzA1NjcwNywicGF0aCI6Ii83MzMyMzgwNy8yNDcwOTg4NzMtMDhkNmExN2EtMDJhZC00M2Q5LTk2ZDYtNTQ5YmIxNWIzN2UyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4NTE0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdiYTJmOTk5OWMzYTc2MzIyMTRlMDcwMjE3MGU2ZGZjYmNlODgxYWRiNjlmYTU0OTYwNzE1M2JkZjQ1NDBjNTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.alIgclyibH5LMVv57r8A6AG_Rw6TgD6AUZj-NnWL_Rk)
Use
Wrap(
spacing: 5.0,
runSpacing: 5.0,
children: [
Container(color: Colors.yellow, height: 100, width: 100,),
Container(color: Colors.green, height: 100, width: 100,),
Container(color: Colors.blue, height: 100, width: 100,),
Container(color: Colors.red, height: 100, width: 100,),
Container(color: Colors.pink, height: 100, width: 100,),
Container(color: Colors.orange, height: 100, width: 100,),
Container(color: Colors.amber, height: 100, width: 100,)
],
)
![](https://private-user-images.githubusercontent.com/73323807/247098863-a8f22dd3-e96f-4c4f-a537-e5022360ec3d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTcwMDcsIm5iZiI6MTcyMzA1NjcwNywicGF0aCI6Ii83MzMyMzgwNy8yNDcwOTg4NjMtYThmMjJkZDMtZTk2Zi00YzRmLWE1MzctZTUwMjIzNjBlYzNkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4NTE0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkwNTI4Y2Q2MTZmNjZkZWY2Mjc5ZTRmZjFlNjFjMDFhN2MzZDA3ZmMyODBjODc3YTA3NDM1NWFkMmU2OWI3ZWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UuWRtNmhQgtkuqPskyo5Z1EF7IPqte_qGy3YhArOJtU)
Solution
![](https://private-user-images.githubusercontent.com/73323807/247098849-5d9f7f28-88c5-4028-a502-bcb672c14f7b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMwNTcwMDcsIm5iZiI6MTcyMzA1NjcwNywicGF0aCI6Ii83MzMyMzgwNy8yNDcwOTg4NDktNWQ5ZjdmMjgtODhjNS00MDI4LWE1MDItYmNiNjcyYzE0ZjdiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA3VDE4NTE0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM2MWJjMWM1MjQzY2RkYTc4NDJiMmY0YmE1ODk5YTBmZTRhYzA2YThjOGIwMjYzNGMxNzE4ZTlkNzczMWI2MTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GOg6frSQ9jUSMGqDJPXxrz3MNbdcH-BL4e61zmnnqeA)
Use
Container(
height: 150,
width: 400,
color: Colors.cyan,
child: const FittedBox(
fit: BoxFit.contain,
child: Text(
"Hello",
style: TextStyle(
fontSize: 200
),
),
),
)
Please read CONTRIBUTING.md before writing a pull request.
Show some support by ⭐ing this repository 😇
Happy Coding 😎