Flutter code
Network Image
Container(
padding: const EdgeInsets.symmetric(horizontal: 20),
decoration: BoxDecoration(
color: Colors.black12.withAlpha(100),
borderRadius: const BorderRadius.all(Radius.circular(40)),
),
child: const Text('رمضان كريم', style: TextStyle(fontSize: 30, color: Colors.white),)),
),
Asset Image
Container(
width: double.infinity,
height: double.infinity,
// child: Text('Image', style: TextStyle(fontSize: 100),),
decoration: const BoxDecoration(
color: Colors.blue,
backgroundBlendMode: BlendMode.colorDodge,
image: DecorationImage(
image: AssetImage("images/quran.jpg"),
fit: BoxFit.cover,
),
),
),
Simple container
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
gradient: LinearGradient(colors: [color, color.withAlpha(100)]),
boxShadow: [
BoxShadow(
color: color,
blurRadius: 4,
spreadRadius: 3,
offset: const Offset(0, 2))
],
borderRadius: BorderRadius.circular(9),
border: Border.all(
width: 3,
color: color,
)),
child: Text(text,
style: GoogleFonts.sacramento(fontStyle: FontStyle.normal, color: Colors.white, fontSize: 30),
),
)