Untitled
Container( width: 327, height: 72, padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), clipBehavior: Clip.antiAlias, decoration: ShapeDecoration( color: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( height: 40, child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( padding: const EdgeInsets.all(8), decoration: ShapeDecoration( gradient: LinearGradient( begin: Alignment(0.71, -0.71), end: Alignment(-0.71, 0.71), colors: [Color(0xFFD94D52), Color(0xFFA61A1F)], ), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(32), ), ), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( width: 24, height: 24, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(), child: FlutterLogo(), ), ], ), ), const SizedBox(width: 8), Container( height: 36, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(), child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: 65.93, height: 16, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(), child: FlutterLogo(), ), Text( '9857', style: TextStyle( color: Color(0xFF0F172A), fontSize: 16, fontFamily: 'Avenir Next', fontWeight: FontWeight.w600, height: 0.09, ), ), ], ), ), ], ), ), ], ), ), const SizedBox(width: 16), Container( height: double.infinity, child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ , ], ), ), const SizedBox(width: 16), Container( child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( padding: const EdgeInsets.symmetric(horizontal: 8), child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( padding: const EdgeInsets.all(8), decoration: ShapeDecoration( color: Color(0xFFE2E8F0), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(32), ), ), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( width: 16, height: 16, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(), child: FlutterLogo(), ), ], ), ), Text( 'History', textAlign: TextAlign.center, style: TextStyle( color: Color(0xFF64748B), fontSize: 10, fontFamily: 'Avenir Next', fontWeight: FontWeight.w500, height: 0.16, letterSpacing: 0.20, ), ), ], ), ), const SizedBox(width: 8), Container( padding: const EdgeInsets.symmetric(horizontal: 8), child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( padding: const EdgeInsets.all(8), decoration: ShapeDecoration( color: Color(0xFFE2E8F0), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(32), ), ), child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Container( width: 16, height: 16, clipBehavior: Clip.antiAlias, decoration: BoxDecoration(), child: FlutterLogo(), ), ], ), ), Text( 'Redeem', textAlign: TextAlign.center, style: TextStyle( color: Color(0xFF64748B), fontSize: 10, fontFamily: 'Avenir Next', fontWeight: FontWeight.w500, height: 0.16, letterSpacing: 0.20, ), ), ], ), ), ], ), ), ], ), )
Leave a Comment