ʵսFLUTTER¼¼ÊõÈëÃÅÓëʵս

Ç°ÑÔ µÚ1Õ ¿ªÆôFlutterÖ®Âà 1 1.1 FlutterµÄÌصãÓëºËÐĸÅÄî 1 1.1.1 Ò»ÇнÔΪ×é¼þ 2 1.1.2 ×é¼þǶÌ× 2 1.1.3 ¹¹½¨Widget 3 1.1.4 ´¦ÀíÓû§½»»¥ 4 1.1.5 ʲôÊÇ״̬ 4 1.1.6 ·Ö²ãµÄ¿ò¼Ü 5 1.2 ¿ª·¢»·¾³´î½¨ 5 1.2.1 Windows»·¾³´î½¨ 5 1.2.2 MacOS»·¾³´î½¨ 11 1.3 **¸öFlutter³ÌÐò 17 µÚ2Õ Flutter»ù´¡ÖªÊ¶ 23 2.1 Èë¿Ú³ÌÐò 23 2.2 Material DesignÉè¼Æ·ç¸ñ 24 2.3 FlutterÖ÷Ìâ 24 2.3.1 ´´½¨Ó¦ÓÃÖ÷Ìâ 24 2.3.2 ¾Ö²¿Ö÷Ìâ 26 2.3.3 ʹÓÃÖ÷Ìâ 27 2.4 ÎÞ״̬×é¼þºÍÓÐ״̬×é¼þ 28 2.5 ʹÓðü×ÊÔ´ 31 2.6 HttpÇëÇó 34 µÚ3Õ DartÓïÑÔ¼òÊö 40 3.1 DartÖØÒª¸ÅÄîÓë³£Óÿª·¢¿â 40 3.2 ±äÁ¿Óë»ù±¾Êý¾ÝÀàÐÍ 43 3.3 º¯Êý 46 3.4 ÔËËã·û 47 3.5 Á÷³Ì¿ØÖÆÓï¾ä 51 3.6 Òì³£´¦Àí 54 3.7 ÃæÏò¶ÔÏó 55 3.7.1 ʵÀý»¯³ÉÔ±±äÁ¿ 55 3.7.2 ¹¹Ô캯Êý 56 3.7.3 ¶ÁÈ¡ºÍдÈë¶ÔÏó 57 3.7.4 ÖØÔزÙ×÷ 58 3.7.5 ¼Ì³ÐÀà 59 3.7.6 ³éÏóÀà 60 3.7.7 ö¾ÙÀàÐÍ 62 3.7.8 Mixins 62 3.8 ·ºÐÍ 63 3.9 ¿âµÄʹÓà 64 3.10 Òì²½Ö§³Ö 65 3.11 ÔªÊý¾Ý 65 3.12 ×¢ÊÍ 67 µÚ4Õ ³£ÓÃ×é¼þ 68 4.1 ÈÝÆ÷×é¼þ 68 4.2 ͼƬ×é¼þ 70 4.3 Îı¾×é¼þ 72 4.4 ͼ±ê¼°°´Å¥×é¼þ 74 4.4.1 ͼ±ê×é¼þ 74 4.4.2 ͼ±ê°´Å¥×é¼þ 75 4.4.3 ͹Æð°´Å¥×é¼þ 77 4.5 Áбí×é¼þ 78 4.5.1 »ù´¡Áбí×é¼þ 78 4.5.2 ˮƽÁбí×é¼þ 80 4.5.3 ³¤Áбí×é¼þ 82 4.5.4 Íø¸ñÁбí×é¼þ 83 4.6 ±íµ¥×é¼þ 84 µÚ5Õ Material Design·ç¸ñ×é¼þ 88 5.1 App½á¹¹ºÍµ¼º½×é¼þ 89 5.1.1 MaterialApp(Ó¦ÓÃ×é¼þ) 89 5.1.2 Scaffold(½ÅÊÖ¼Ü×é¼þ) 94 5.1.3 AppBar(Ó¦Óð´Å¥×é¼þ) 95 5.1.4 BottomNavigationBar(µ×²¿µ¼º½Ìõ×é¼þ) 97 5.1.5 TabBar(ˮƽѡÏ¼°ÊÓͼ×é¼þ) 99 5.1.6 Drawer(³éÌë×é¼þ) 104 5.2 °´Å¥ºÍÌáʾ×é¼þ 107 5.2.1 FloatingActionButton(ÐüÍ£°´Å¥×é¼þ) 107 5.2.2 FlatButton(±âƽ°´Å¥×é¼þ) 109 5.2.3 PopupMenuButton(µ¯³ö²Ëµ¥×é¼þ) 110 5.2.4 SimpleDialog(¼òµ¥¶Ô»°¿ò×é¼þ) 112 5.2.5 AlertDialog(Ìáʾ¶Ô»°¿ò×é¼þ) 113 5.2.6 SnackBar(ÇáÁ¿Ìáʾ×é¼þ) 115 5.3 ÆäËû×é¼þ 116 5.3.1 TextField(Îı¾¿ò×é¼þ) 117 5.3.2 Card(¿¨Æ¬×é¼þ) 119 µÚ6Õ Cupertino·ç¸ñ×é¼þ 122 6.1 CupertinoActivityIndicator×é¼þ 122 6.2 CupertinoAlertDialog¶Ô»°¿ò×é¼þ 123 6.3 CupertinoButton°´Å¥×é¼þ 124 6.4 Cupertinoµ¼º½×é¼þ¼¯ 125 µÚ7Õ ҳÃæ²¼¾Ö 132 7.1 »ù´¡²¼¾Ö´¦Àí 133 7.1.1 Container(ÈÝÆ÷²¼¾Ö) 133 7.1.2 Center(¾ÓÖв¼¾Ö) 137 7.1.3 Padding(Ìî³ä²¼¾Ö) 138 7.1.4 Align(¶ÔÆë²¼¾Ö) 140 7.1.5 Row(ˮƽ²¼¾Ö) 143 7.1.6 Column(´¹Ö±²¼¾Ö) 144 7.1.7 FittedBox(Ëõ·Å²¼¾Ö) 146 7.1.8 Stack/Alignment 149 7.1.9 Stack/Positioned 151 7.1.10 IndexedStack 153 7.1.11 OverflowBoxÒç³ö¸¸ÈÝÆ÷ÏÔʾ 155 7.2 ¿í¸ß³ß´ç´¦Àí 156 7.2.1 SizedBox(ÉèÖþßÌå³ß´ç) 156 7.2.2 ConstrainedBox(ÏÞ¶¨*´ó*С¿í¸ß²¼¾Ö) 158 7.2.3 LimitedBox(ÏÞ¶¨*´ó¿í¸ß²¼¾Ö) 159 7.2.4 AspectRatio(µ÷Õû¿í¸ß±È) 160 7.2.5 FractionallySizedBox(°Ù·Ö±È²¼¾Ö) 162 7.3 ÁÐ±í¼°±í¸ñ²¼¾Ö 163 7.3.1 ListView 164 7.3.2 GridView 166 7.3.3 Table 167 7.4 ÆäËû²¼¾Ö´¦Àí 169 7.4.1 Transform(¾ØÕóת»») 169 7.4.2 Baseline(»ù×¼Ïß²¼¾Ö) 171 7.4.3 Offstage(¿ØÖÆÊÇ·ñÏÔʾ×é¼þ) 172 7.4.4 Wrap(°´¿í¸ß×Ô¶¯»»Ðв¼¾Ö) 174 7.5 ²¼¾Ö×ÛºÏʾÀý 177 7.5.1 ²¼¾Ö·ÖÎö 177 7.5.2 ×¼±¸ËØ²Ä 179 7.5.3 ±àд´úÂë 180 µÚ8Õ ÊÖÊÆ 185 8.1 ÓÃGestureDetector½øÐÐÊÖÊƼì²â 185 8.2 ÓÃDismissibleʵÏÖ»¬¶¯É¾³ý 187 µÚ9Õ ×ÊÔ´ºÍͼƬ 190 9.1 Ìí¼Ó×ÊÔ´ºÍͼƬ 190 9.1.1 Ö¸¶¨assets 190 9.1.2 ¼ÓÔØassets 191 9.1.3 ƽ̨assets 193 9.2 ×Ô¶¨Òå×ÖÌå 195 µÚ10Õ ·Óɼ°µ¼º½ 198 10.1 Ò³ÃæÌøת»ù±¾Ê¹Óà 198 10.2 Ò³ÃæÌøת·¢ËÍÊý¾Ý 201 10.3 Ò³ÃæÌøת·µ»ØÊý¾Ý 204 µÚ11Õ ×é¼þ×°ÊκÍÊÓ¾õЧ¹û 208 11.1 Opacity(͸Ã÷¶È´¦Àí) 208 11.2 DecoratedBox(×°ÊκÐ×Ó) 210 11.3 RotatedBox(ÐýתºÐ×Ó) 217 11.4 Clip(¼ô²Ã´¦Àí) 217 11.5 °¸Àý¡ª×Ô¶¨Òå»­°å 222 µÚ12Õ ¶¯»­ 241 12.1 ÓÃAnimatedOpacityʵÏÖ½¥±äЧ¹û 241 12.2 ÓÃHeroʵÏÖÒ³ÃæÇ뻶¯»­ 243 µÚ13Õ Flutter²å¼þ¿ª·¢ 246 13.1 н¨²å¼þ 246 13.2 ÔËÐвå¼þ 249 13.3 ʾÀý´úÂë·ÖÎö 250 µÚ14Õ ¿ª·¢¹¤¾ß¼°Ê¹Óü¼ÇÉ 259 14.1 IDE¼¯³É¿ª·¢»·¾³ 259 14.1.1 Android Studio / IntelliJ 259 14.1.2 Visual Studio Code 267 14.2 Flutter SDK 274 14.3 ʹÓÃÈÈÖØÔØ 275 14.4 ¸ñʽ»¯´úÂë 276