30초 만에 React 네이티브 개발자를 위한 Flutter
IntelliJ or Android Studio은 Flutter 플러그인과 함께 권장되는 IDE입니다.
플러터는 라우팅과 함께 제공됩니다!!!1!!!
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 동영상을 시청하세요!
Reference
이 문제에 관하여(30초 만에 React 네이티브 개발자를 위한 Flutter), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/swyx/flutter-for-react-native-devs-in-30-seconds-78g텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)