30초 만에 React 네이티브 개발자를 위한 Flutter

React Native에 대한 Google의 답변 Flutter 에 대해 들어보셨을 것입니다. 무엇을 알아야 합니까?
  • Java에서 크게 차용한 Dart 언어로 되어 있습니다. 그러나 Javascript 팬은 읽기가 매우 쉽다는 것을 알게 될 것입니다(아래 참조)
  • .

  • IntelliJ or Android Studio은 Flutter 플러그인과 함께 권장되는 IDE입니다.
  • RN과 달리 Flutter는 Javascript 브리지를 사용하지 않고 기본 iOS/Android 파일로 바로 컴파일됩니다. (그러나 "저속 모드"개발에서는 해석 언어로 작동하므로 여전히 할 수 있습니다hot reloading)
  • RN과 달리 Flutter는 routing , animations , i18n 및 테마에 대한 의견과 함께 "배터리 포함"이 제공됩니다!!! 특히 머티리얼 디자인 또는 "Cupertino"(Apple "영감"이라고도 함) 디자인을 즉시 사용할 수 있는 여러 내장형widget styles이 함께 제공됩니다. 또한 라우팅을 언급 했습니까?!?!?!?! 자, 정의를 내리도록 합시다:

  • 플러터는 라우팅과 함께 제공됩니다!!!1!!!


  • 애니메이션이 정말 좋습니다. React Native에서 할 수 있습니까do this?


  • RN과 마찬가지로 Flutter는 class 확장, setState 및 이벤트 핸들러를 포함하여 친숙한 패러다임을 많이 사용합니다. RN을 읽을 수 있다면 Flutter를 읽을 수 있습니다.

  • class _MyHomePageState extends State<MyHomePage> {
      int _counter = 0;
    
      void _incrementCounter() {
        setState(() {
          _counter++;
        });
      }
    
      @override
      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 Text(
                  'You have pushed the button this many times:',
                ),
                new Text(
                  '$_counter',
                  style: Theme.of(context).textTheme.display1,
                ),
              ],
            ),
          ),
          floatingActionButton: new FloatingActionButton(
            onPressed: _incrementCounter,
            tooltip: 'Increment',
            child: new Icon(Icons.add),
          ), // This trailing comma makes auto-formatting nicer for build methods.
        );
      }
    }
    

  • 설치 환경이 매우 원활합니다.

  • git clone -b alpha https://github.com/flutter/flutter.git
    export PATH=`pwd`/flutter/bin:$PATH
    flutter doctor
    

    한번 해봐! http://flutter.io 및 Google Codelab 자습서는 here 입니다. 또는 Google I/O 동영상을 시청하세요!

    좋은 웹페이지 즐겨찾기