鍓嶈█
浣滀负2018涓栫晫绉诲姩澶т細鐨勫唴瀹逛箣涓€锛孏oogle鍙戝竷浜咶lutter鐨勭涓€涓?beta 鐗堟湰銆侳lutter 鏄?Google 鐢ㄤ互甯姪寮€鍙戣€呭湪 iOS 鍜?Android 涓や釜骞冲彴寮€鍙戦珮璐ㄩ噺鐨勫師鐢熷簲鐢ㄧ殑鍏ㄦ柊绉诲姩 UI 妗嗘灦銆傜幇鍦ㄥ氨鍙互鍘?flutter.io蹇€熶笂鎵嬪紑鍙戠簿缇庣殑鍘熺敓搴旂敤銆?/p>
浜屻€侀鍏堟垜浠鐞嗚В浠€涔堟槸璺ㄥ钩鍙般€?/h2>
浠€涔堟槸璺ㄥ钩鍙?/strong>锛熷鏋滀綘鏄Щ鍔ㄥ紑鍙戣€呯殑璇濓紝搴旇鐭ラ亾 Android 鏄娇鐢?Java\Kotlin 璇█鏉ュ紑鍙戣€?iOS 鍒欐槸 OC\Swift鏉ュ紑鍙戙€傚悇澶х鎶€鍦堝ぇ浣滑閮藉湪缁炲敖鑴戞眮鐨勬兂缁熶竴杩欎袱涓钩鍙帮紝鏃犺 Android 杩樻槸 iOS 閮芥槸绉诲姩绔紝鑻ヨ兘缁熶竴鐢ㄤ竴濂楄瑷€寮€鍙戝簲鐢ㄩ偅鏈€濂戒笉杩囩殑銆傝繖涔熸鏄法骞冲彴鐨勬剰鎬濓紝绠€鍗曠殑璇村氨鏄綘鍐欑殑鍚屼竴濂椾唬鐮佸彲浠ヨ繍琛屽湪涓嶅悓鐨勫钩鍙般€備笉浠呰兘澶熷ぇ澶у姞蹇紑鍙戠殑杩涘害锛屽悓鏃朵篃鑳藉噺灏戜汉鍔涙垚鏈殑鎶曞叆銆?/p>
Flutter灏辨槸鍦ㄨ繖绉嶇悊蹇典腑璇炵敓鍑虹殑璺ㄥ钩鍙版鏋躲€?/p>
Flutter 鐨勭洰鏍囨槸瑙ｅ喅绉诲姩寮€鍙戜腑鐨勪袱涓噸瑕侀棶棰?/strong>锛?/p>
涓€涓槸 Facebook 鎺ㄥ嚭涓ゅ勾澶氱殑 ReactNative 锛屽彟涓€涓垯鏄?Google 杩欑椤剁骇绉戞妧鍏徃鐨勪骇鍝丗lutter銆傞偅涔堝畠浠湁浠€涔堝尯鍒憿锛?/p>
鐪嬭繃ReactNative婧愮爜鐨勬湅鍙嬮兘搴旇鐭ラ亾锛孯N涓殑缁勪欢閮界户鎵胯嚜Native View缁勪欢銆備緥濡傦細ReactNative 涓殑 ListView 鍦?Android 涓氨鏄户鎵胯嚜 ListView 锛岃繕鏈?RecycleView銆?/p>
鑰孎lutter鍒欎笉鍚岋紝瀹冪殑鎵€鏈?UI 缁勪欢閮芥槸涓€甯т竴甯х敾鍑烘潵鐨勩€傝繖鏍疯兘澶熷緢鍑嗙‘骞朵笖寰堢伒娲荤殑鍋氬嚭浣犳兂瑕佺殑 UI 銆?/p>
Flutter 浣跨敤 Dart璇█寮€鍙戣€?ReactNative 鍒欎娇鐢?JS 缁撳悎 XML 鏉ュ紑鍙戠殑銆?/p>
浼拌璇撮亾Dart璇█锛屽緢澶氭湅鍙嬮兘涓嶇煡閬撱€傚叾瀹烇紝鎴戜篃鏄垰鍒氱煡閬撱€傘€傘€?/p>
涓嬮潰灏辫閬撹閬揇art璇█銆?/p>
dart璇█鏄敱璋锋瓕鍏徃寮€鍙戠殑缃戠粶缂栫▼璇█锛屼簬2011骞?0鏈?0鏃ュ彂甯冦€傝胺姝?010骞村唴閮ㄥ蹇樺綍鏄剧ず锛孌art鐨勭洰鏍囧氨鏄浠ｆ浛JavaScript缃戠粶寮€鍙戦€氱敤璇█鐨勫湴浣嶃€?/p>
鐒惰€岋紝閭ｄ箞澶氬勾杩囧幓浜嗐€傘€傘€備粖澶╁嵈浠ヨ繖绉嶆柟寮忓嚭鐜?/p>
鍏堟潵鐪嬫浠ｇ爜 鏄笉鏄繕鍦ㄥ悇绉嶆嫭鍙峰拰宓屽涓瓊鐗垫ⅵ缁曞憿锛?/p>
鐩磋鎰熷彈灏辨槸娌℃湁RN鍐欒捣鏉ラ偅涔堢畝娲佹槑浜嗐€?/p>
鍦ㄧ煡涔庝笂鐪嬪埌鐨勪竴涓湡瀹炵殑娈靛瓙 涓轰粈涔團lutter 鐢?Dart 寮€鍙戝湪浼氬悗锛屾垜涔熶富鍔ㄧ殑鍘绘壘 Flutter 鐨勫紑鍙戜笓瀹?Divod 鑱婁簡浼氥€傛垜闂埌浠栦竴涓棶棰橈紝鎴戣涓轰粈涔堜綘浠細閫夋嫨鐢?Dart 璇█鏉ュ紑鍙戣€屼笉閫夋嫨鐢╔ML 鍜?JS 锛屼粠鍒氭墠鎮ㄧ殑浠ｇ爜绀轰緥涓婃垜鐨勭涓€鎰熻灏辨槸娌℃湁 ReactNative 鐨勫彲璇绘€ч珮銆傚ぇ瀹朵篃璁歌寰楁垜澶ぇ鑳嗭紝鍦?Google 鐨勫満瀛愭彁 Facebook 鐨勪笢瑗裤€備絾鎶€鏈瘯绔熸槸鎶€鏈紝绋嬪簭鍛樹綍鑻︿负闅剧▼搴忓憳锛岃繖鏄竴鍦烘妧鏈殑浜ゆ祦銆傛渶鍚庯紝浠栦篃缁欎簡鎴戜竴涓弧鎰忓拰鏃犲姏鍙嶉┏鐨勭瓟妗堬紝鈥滃洜涓?Dart 鐨勫紑鍙戝洟闃熷氨鍦ㄤ粬浠梺杈癸紝浠栦滑鑳界粰鍒版垜浠緢蹇殑鏀寔銆傛垜浠兘寰堝揩娌熼€氬埌鈥濄€傛墍浠ユ垜涔熷氨榛樿浜?Flutter 娉ㄥ畾浼氫竴鐩翠娇鐢?Dart 杩欓棬璇█銆?/p>
瀵逛簬Flutter鎴戣繕鏄寔涔愯鎬佸害鐨勶紝浣嗘槸灏辩湅Google鍔姏鍚︿簡銆傚鏋滆兘鍍廡ensorflow鎴栬€匞olang閭ｆ牱娴佽灏卞ソ浜嗐€傛兂鐜╃殑绔ラ瀷鍙互鎸佺画鍏虫敞Flutter鐨勫姩鍚戯紝濡傛灉鎯宠杩愮敤鍒板晢涓氶」鐩笂杩樻槸绛夌瓑鍚с€?/p>
Flutter涓嶳eactNative鐨勫尯鍒紵
鍩轰簬Dart璇█寮€鍙戠殑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,
),
new Image.network(
'https://raw.githubusercontent.com/flutter/website/master/_includes/code/layout/lakes/images/lake.jpg',
)
],
),
),
persistentFooterButtons: <Widget>[new FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: new Icon(Icons.add),
) ]
,
floatingActionButton: new FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: new Icon(Icons.add),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
涓夈€?Flutter鐨勪紭鐐?/h2>
鍥涖€?Flutter鐨勭己鐐?/h2>