SingleChildScrollView

#SingleChildScrollView

단일 widget을 스크롤 할 수 있는 Box

이 위젯은 일반적으로 사용 할 수 있는 단일 Box 가 있을 때 유용함.

 

참고 : https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html

SingleChildScrollView class - widgets library - Dart API

 

ex)

import 'package:flutter/material.dart';

class ScrollView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Material(
      child: new Container(
        child: new SingleChildScrollView(
          child: new ConstrainedBox(
            constraints: new BoxConstraints(),
            child: new Column(
              children: <Widget>[
                new Image.network(
                  'https://github.com/flutter/website/blob/master/_includes/code/layout/lakes/images/lake.jpg?raw=true',
                ),
                new Container(
                  padding: EdgeInsets.only(
                    left: 16.0,
                    right: 16.0,
                    top: 16.0,
                    bottom: 16.0,
                  ),
                  color: Colors.grey,
                  child: new Text(
                    'Cast Light life style Here',
                    textDirection: TextDirection.ltr,
                    style: new TextStyle(
                      fontSize: 40.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.black,
                    ),
                  ),
                ),
                new Container(
                  child: new Text(
                    'Hi There ? this is sample plaid app using flutter sdk and dart programming language, devceloper is Hammad Tariq'
                    'this is sample Flutter app example Code'
                    'Flutter Column Widget scrollable using SingleChildScrollView'
                    'I am just loving Flutter SDK'
                    'Flutter scrollview example using Single Child Scroll View'
                    'flutter fixing bottom overflow by xx pixels in flutter'
                    'Flutter scrollable layout example'
                    'Flutter app SingleChildScrollView Example ',
                    textDirection: TextDirection.ltr,
                    style: new TextStyle(
                      fontSize: 20.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.pink,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}