[Flutter] 플러터 기초 (10) - 슬리버 예제(Sliver Tutorial)

 

 

[Flutter] 플러터 기초 (10) - 슬리버 예제(Sliver Tutorial)

 

 

 

Flutter 플러터 기초 (10) - 슬리버 예제(Sliver Tutorial)

 

 

이모티콘・01・고양이 마멋 친구들 - Google Play 앱

 

안녕하세요 정보처리마법사 입니다.

 

이번 포스팅의 주제는  슬리버에 관한 내용입니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

main.dart

import 'package:flutter/material.dart';
 
import 'my_home_page.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'flutter sliver',
      theme: ThemeData(
        primarySwatch: Colors.orange,
      ),
      home: HomePage()
    );
  }
}

 

 

my_home_page.dart

import 'package:flutter/material.dart';
 
class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}
 
class _HomePageState extends State<HomePage> {
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
 
      body:CustomScrollView(
        slivers: <Widget>[
          new SliverAppBar(
            expandedHeight: 100.0,
            floating: true,
            pinned: true,
            flexibleSpace: FlexibleSpaceBar(
 
            title: Text('Sliver App Bar',textAlign: TextAlign.start,),
            ),
          ),
          new SliverFixedExtentList(
            itemExtent: 100.0,
            delegate: SliverChildBuilderDelegate((context,index)=>ListTile(
              title: Text('List item $index'),
            )),
          ),
        ],
      ),
    );
  }
}
 
 

 

Ctrl + C ,   Ctrl + V 

 

 

 

 

 

 

 

이상으로 포스팅을 마칩니다. 감사합니다.

 

 

 

 

잘 못 된 정보가 있으면 말씀해주세요.

공감버튼 클릭은 작성자에게 큰 힘이 됩니다.  행복한 하루 되세요.

 

“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"