Flutter 每週尤物－第三週：Wrap
Column 和 Row 適合將元件排成一列，但如果要放入的項目很多的話，有時會遭遇空間不夠，其他項目會被擠出去的狀況。
只要改用 Wrap 的話，就能使其他項目自動排到下一行。
可用 spacing 調整每個項目的間距；用 runSpacing 調整每行的間距。
這樣就不需要另外做 Padding 了。
Flutter 讓 app 程式與 WebView 網頁互動
在開發行動應用程式時，有時候會利用 WebView 連線到特定的網頁。如果遇到需要 app 端的程式和網頁端互相溝通的話，就可以利用「Javascript bridge」這種概念。它是實作一個介面，讓 app 程式可以呼叫網頁的 Javascript 程式，以此類推。 Android 和 iOS （原生）已有行之有年的做法，Flutter 也可以做到。 建立 Flutter 程式 這裡預期讀者已有基本的 Flutter 觀念，講解大致的流程： 新建 Flutter 專案 匯入 webview_flutter 3.0.4 在主程式中使用 WebView import 'dart:convert' ; import 'package:flutter/material.dart' ; import 'package:flutter/services.dart' ; import 'package:webview_flutter/webview_flutter.dart' ; void main () { runApp ( const MyApp ()); } class MyApp extends StatelessWidget { const MyApp ({ Key ? key }) : super ( key : key ); @ override Widget build ( BuildContext context ) { return MaterialApp ( title : 'Flutter Demo' , theme : ThemeData ( primarySwatch : Colors . blue , ), home : const MyHomePage ( title : 'Flutter Demo Home Page' ), ); } } class MyH...
留言
張貼留言