[An Introduction to Flutter: The Interface] Simple slider layout

simple_slider_layout.dart

class SliderExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 300,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Image.network('http://lorempixel.com/300/200/city/'),
          SliderButtons(),
        ],
      ),
    );
  }
}

class SliderButtons extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(10),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          SliderButton(label: 'Prev', icon: '←'),
          SliderButton(label: 'Next', icon: '→'),
        ],
      ),
    );
  }
}

class SliderButton extends StatelessWidget {
  const SliderButton({this.label, this.icon});

  final String label;
  final String icon;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text(icon, style: TextStyle(fontSize: 22)),
        Text(label),
      ],
    );
  }
}