flutter box app
Tue Sep 05 2023 05:21:02 GMT+0000 (Coordinated Universal Time)
import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Container( color: const Color.fromARGB(255, 96, 106, 114), child: Center( child: Column( children: [ const Text( 'Brand', style: TextStyle( color: Colors.white, fontSize: 100, fontWeight: FontWeight.bold, fontStyle: FontStyle.italic, letterSpacing: 2.0, decoration: TextDecoration.none ), ), const Text( 'builder', style: TextStyle( color: Colors.white, fontSize: 60, fontWeight: FontWeight.bold, fontStyle: FontStyle.italic, letterSpacing: 2.0, decoration: TextDecoration.none ), ), const Text( 'an IT company', style: TextStyle( color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold, fontStyle: FontStyle.italic, letterSpacing: 2.0, decoration: TextDecoration.none ), ), const SizedBox(height: 30), const Text( 'Our services', style: TextStyle( color: Colors.white, fontSize: 20, decoration: TextDecoration.none, ), ), const SizedBox(height: 20), Wrap( alignment: WrapAlignment.start, spacing: 20, // Adjust spacing between service items runSpacing: 20, // Adjust run spacing children: [ ServiceItem( icon: Icons.palette, text: 'Branding', ), ServiceItem( icon: Icons.design_services, text: 'UX/UI Design', ), ServiceItem( icon: Icons.mobile_screen_share, text: 'Mobile App Development', ), ServiceItem( icon: Icons.storage, text: 'Server Management', ), ServiceItem( icon: Icons.shop, text: 'Digital Marketing', ), // Add more services here ], ), ], ), ), ), )); } class ServiceItem extends StatelessWidget { final IconData icon; final String text; ServiceItem({required this.icon, required this.text}); @override Widget build(BuildContext context) { return Container( width: 160.0, // Adjust the width of each service box height: 160.0, // Adjust the height of each service box decoration: BoxDecoration( border: Border.all( color: Colors.white, width: 2.0, ), borderRadius: BorderRadius.circular(8.0), ), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( icon, color: Colors.white, size: 40, ), const SizedBox(height: 5), Text( text, textAlign: TextAlign.center, style: const TextStyle( color: Colors.white, fontSize: 14, decoration: TextDecoration.none, fontWeight: FontWeight.bold, letterSpacing: 1.0, shadows: [ Shadow( color: Colors.black, blurRadius: 3.0, offset: Offset(2, 2), ), ], ), ), ], ), ); } }
Comments