scrollable screen flutter code example

Example 1: how to make a column scrollable in flutter

return new Container(
  child: new SingleChildScrollView(
    child: new Column(
      children: [
        _showChild1(),
        _showChild2(),
        ...
        _showChildN()
      ]
    )
  )
);

Example 2: make scaffold scrollable flutter

@override
 Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('News'),
    ),
    body: SingleChildScrollView(  // <-- wrap this around
      child: Column(
        children: [
        ],
      ),
    ));
  }

Example 3: how to scroll screen in flutter

// Add SingleChildScrollView or add items in ListView
@override
 Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('News'),
    ),
    body: SingleChildScrollView(
      child: Column(
        children: [
        ],
      ),
    ));
  }

Tags:

Misc Example