Row Image :
MultiChild Widget
Align all children Widgets in a horizontal direction
Example :
import 'package:flutter/material.dart';
void main() {
runApp(const MaterialApp(
home: RowImages(),
));
}
class RowImages extends StatefulWidget {
const RowImages({super.key});
@override
State<RowImages> createState() => _RowImagesState();
}
class _RowImagesState extends State<RowImages> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Row Image in Flutter'),
),
body: Column(
children: [
Row(
children: [
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
)
],
),
Row(
children: [
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
),
Container(
height: 100,
width: 100,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/unnamed.png'),
),
),
)
],
)
],
));
}
}