flutter 시작하기

슬라이더 위치에 따라 안드로이드 아이콘이 돌아가는 앱을 만들어봄

 

 

 

import 'package:flutter/material.dart';
 
void main(){
 
  runApp(new MyApp());
 
 
}
 
class MyApp extends StatelessWidget {
  Widget build(BuildContext context){
    return new MaterialApp(
      title: "Flutter Demo",
      theme: new ThemeData(
        primarySwatch: Colors.blue, //앱 태마 지정
      ),
      home: MyHomePage(title: 'MyHomePage'),
      //home: MyHomePage(title: '남승빈 짱짱'),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
 
  MyHomePage({Key key, this.title}) : super(key : key);
 
  final String title;
 
  _MyHomePageState createState() {
    return new _MyHomePageState(); //StatefulWidget이기 대문에 구현이 필요
  }
}
 
class _MyHomePageState extends State<MyHomePage> {
 
  var _position = 0.0;  //내부 변수 position 추가
 
    Widget build(BuildContext context){
      return new Scaffold(
        appBar: new AppBar(
          title: new Text(widget.title),
        ),
        body: new Center(
          child: new Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              new Slider(
                value: _position,   //초기값을 position으로
                onChanged: (var position){
                  //setState로 position update 해야함
                  setState(() {
                    _position = position;
                  });
                }
              ),
              new Transform.rotate(
                angle: _position * 2 * 3.14,
                child: new Icon(Icons.android),
              ),
              new Transform.rotate(
                angle: _position * -2 * 3.14,
                child: new Icon(Icons.android),
              )
            ],
          )
        ),
      );
 
 
}
}