小黑與程式的邂逅
前端(Web & APP)
49
免費公開
房間資訊
Web & APP程式設計相關的內容,包含:原生與跨平台。
全部
iOS
swift
objective-c
MacOS
Flutter
swiftUI
JavaScript
全部
iOS
swift
objective-c
MacOS
Flutter
swiftUI
JavaScript
全部類型
免費與付費
最新發佈
最新發佈
小黑
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
#
flutter
#
json
#
decode
21
小黑
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
#
flutter
#
json
#
decode
21
小黑
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
#
flutter
#
WebSocketChannel
#
StreamBuilder
小黑
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
#
flutter
#
WebSocketChannel
#
StreamBuilder
小黑
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫,支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
#
flutter
#
Dio
#
FormData
10
小黑
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫,支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
#
flutter
#
Dio
#
FormData
10
小黑
2023/12/25
[Flutter]HttpClient
配置 idleTimeout:在httpClient請求結束後,會繼續保持連線,直到超過idleTimeout值才會關閉連接。 connectionTimeout:和伺服器建立連線逾時,如果超過connectionTimeout值則會拋出SocketException異常。 maxConnec
#
flutter
#
Http
#
userAgent
2
小黑
2023/12/25
[Flutter]HttpClient
配置 idleTimeout:在httpClient請求結束後,會繼續保持連線,直到超過idleTimeout值才會關閉連接。 connectionTimeout:和伺服器建立連線逾時,如果超過connectionTimeout值則會拋出SocketException異常。 maxConnec
#
flutter
#
Http
#
userAgent
2
小黑
2023/12/25
[Flutter]Notification
Notification是Flutter中一個重要的機制,在widget樹中,每個節點都可以分發通知,通知會沿著目前節點向上傳遞,所有父節點都可以透過NotificationListener來監聽通知。 Flutter中將此由子向父的傳遞通知的機制稱為通知冒泡(Notification Bubbli
#
flutter
#
notification
#
NotificationListener
3
小黑
2023/12/25
[Flutter]Notification
Notification是Flutter中一個重要的機制,在widget樹中,每個節點都可以分發通知,通知會沿著目前節點向上傳遞,所有父節點都可以透過NotificationListener來監聽通知。 Flutter中將此由子向父的傳遞通知的機制稱為通知冒泡(Notification Bubbli
#
flutter
#
notification
#
NotificationListener
3
小黑
2023/12/19
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#
flutter
#
GestureDetector
#
GestureRecognizer
3
小黑
2023/12/19
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#
flutter
#
GestureDetector
#
GestureRecognizer
3
小黑
2023/12/19
[Flutter]影音播放器
新增video_player 在pubspec.yaml中加入video_player。 設置權限 Android 在AndroidManifest.xml檔案中的<application>裡,加入下列代碼。 <uses-permission android:name="androi
#
flutter
#
videoplayer
#
Manifest
小黑
2023/12/19
[Flutter]影音播放器
新增video_player 在pubspec.yaml中加入video_player。 設置權限 Android 在AndroidManifest.xml檔案中的<application>裡,加入下列代碼。 <uses-permission android:name="androi
#
flutter
#
videoplayer
#
Manifest
小黑
2023/12/19
[Flutter]SnackBar
GestureDetector( onTap: () { const snackBar = SnackBar(content: Text('Tap')); ScaffoldMessenger.of(context).showSnackBar(snackBar); },
#
flutter
#
SnackBar
#
Tap
小黑
2023/12/19
[Flutter]SnackBar
GestureDetector( onTap: () { const snackBar = SnackBar(content: Text('Tap')); ScaffoldMessenger.of(context).showSnackBar(snackBar); },
#
flutter
#
SnackBar
#
Tap
小黑
2023/12/19
[Flutter]SQLite
加入套件 在pubspec.yaml添加sqflite與path_provider。 建立數據模型 id:識別欄位,唯一值為整數資料類型 name:存放名字為字串資料類型 class People { final int? id; final String? name;
#
flutter
#
sqflite
#
database
小黑
2023/12/19
[Flutter]SQLite
加入套件 在pubspec.yaml添加sqflite與path_provider。 建立數據模型 id:識別欄位,唯一值為整數資料類型 name:存放名字為字串資料類型 class People { final int? id; final String? name;
#
flutter
#
sqflite
#
database
小黑
2023/12/19
[Flutter]SharedPreferences
首先需要在pubspec.yaml文件中添加依賴。 宣告 SharedPreferences record = await SharedPreferences.getInstance(); 寫入 //字串資料 await record.setString(key, value); //
#
flutter
#
SharedPreferences
#
setString
1
小黑
2023/12/19
[Flutter]SharedPreferences
首先需要在pubspec.yaml文件中添加依賴。 宣告 SharedPreferences record = await SharedPreferences.getInstance(); 寫入 //字串資料 await record.setString(key, value); //
#
flutter
#
SharedPreferences
#
setString
1
小黑
2023/12/19
[Flutter]Table
class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Table( columnWid
#
flutter
#
Table
#
columnWidths
小黑
2023/12/19
[Flutter]Table
class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Table( columnWid
#
flutter
#
Table
#
columnWidths
小黑
2023/12/19
[Flutter]GridView
下面代碼為兩列的GridView class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return new GridView.count( cro
#
flutter
#
GridView
#
crossAxisCount
小黑
2023/12/19
[Flutter]GridView
下面代碼為兩列的GridView class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return new GridView.count( cro
#
flutter
#
GridView
#
crossAxisCount
小黑
2023/12/18
[Flutter]ListView
可以透過scrollDirection來設定垂直或水平滾動列表資料。 垂直滾動 class HomePage extends StatelessWidget { //列表集合資料 List<Widget> list = <Widget>[ ListTile( ti
#
flutter
#
scrollDirection
#
垂直
小黑
2023/12/18
[Flutter]ListView
可以透過scrollDirection來設定垂直或水平滾動列表資料。 垂直滾動 class HomePage extends StatelessWidget { //列表集合資料 List<Widget> list = <Widget>[ ListTile( ti
#
flutter
#
scrollDirection
#
垂直
小黑
2023/12/18
[Flutter]套件管理
這篇使用pubspec.yaml來管理第三方依賴套件。YAML是一種直覺、可讀性高的文件格式;他和xml或Json相比語法簡單且容易解析,所以常用於配置文件。 Flutter預設的設定檔是pubspec.yaml,底下是關鍵字解釋: name:應用程式或套件名稱。 description: 應用
#
flutter
#
pubspec
#
yaml
3
小黑
2023/12/18
[Flutter]套件管理
這篇使用pubspec.yaml來管理第三方依賴套件。YAML是一種直覺、可讀性高的文件格式;他和xml或Json相比語法簡單且容易解析,所以常用於配置文件。 Flutter預設的設定檔是pubspec.yaml,底下是關鍵字解釋: name:應用程式或套件名稱。 description: 應用
#
flutter
#
pubspec
#
yaml
3
小黑
2023/12/14
[Flutter]Drawer
class MyApp extends StatefulWidget { @override myAppState createState() => myAppState(); } class myAppState extends State<MyApp> { //目前選擇頁索引值
#
flutter
#
Drawer
#
CircleAvatar
1
小黑
2023/12/14
[Flutter]Drawer
class MyApp extends StatefulWidget { @override myAppState createState() => myAppState(); } class myAppState extends State<MyApp> { //目前選擇頁索引值
#
flutter
#
Drawer
#
CircleAvatar
1
小黑
2023/12/14
[Flutter]TabBar
class MyApp extends StatelessWidget { final List<Tab> myTabs = <Tab>[ Tab(text: '第一頁'), Tab(text: '第二頁'), Tab(text: '第三頁'), ]; fina
#
flutter
#
List
#
TabBar
小黑
2023/12/14
[Flutter]TabBar
class MyApp extends StatelessWidget { final List<Tab> myTabs = <Tab>[ Tab(text: '第一頁'), Tab(text: '第二頁'), Tab(text: '第三頁'), ]; fina
#
flutter
#
List
#
TabBar
小黑
2023/12/13
[Flutter]BottomNavigationBar
屬性 items:底部頁面導航項目。 currentIndex:目前頁面。 onTap:點擊按鈕後觸發事件。 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Te
#
flutter
#
bottomNavigationBar
#
fixedColor
小黑
2023/12/13
[Flutter]BottomNavigationBar
屬性 items:底部頁面導航項目。 currentIndex:目前頁面。 onTap:點擊按鈕後觸發事件。 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Te
#
flutter
#
bottomNavigationBar
#
fixedColor
小黑
2023/12/13
[Flutter]AlertDialog
用來顯示訊息提示用戶。 屬性 title:訊息對話框視窗標題 content:訊息對話框視窗內文 actions:訊息對話框視窗,按鈕觸發事件 AlertDialog( title: Text('Alert'), content: const Text('Alert
#
flutter
#
AlertDialog
#
title
小黑
2023/12/13
[Flutter]AlertDialog
用來顯示訊息提示用戶。 屬性 title:訊息對話框視窗標題 content:訊息對話框視窗內文 actions:訊息對話框視窗,按鈕觸發事件 AlertDialog( title: Text('Alert'), content: const Text('Alert
#
flutter
#
AlertDialog
#
title
小黑
2023/12/13
[Flutter]FloatingActionButton
屬性 onPressed:按下後觸發的方法。 elevation:陰影大小值。 foregrnundColor:前景色。 foregroundColor: Colors.amber, backgroundColor:背景色。 backgroundColor: Colors.red,
#
flutter
#
foregrnundColor
#
backgroundColor
小黑
2023/12/13
[Flutter]FloatingActionButton
屬性 onPressed:按下後觸發的方法。 elevation:陰影大小值。 foregrnundColor:前景色。 foregroundColor: Colors.amber, backgroundColor:背景色。 backgroundColor: Colors.red,
#
flutter
#
foregrnundColor
#
backgroundColor
小黑
2023/12/12
[Flutter]頁面切換
下一頁 沒傳資料 Navigator.push(context, MaterialPageRoute(builder: (context) => NewPage())); 有傳資料 Navigator.push(context, MaterialPageRoute(builder: (c
#
flutter
#
Navigator
#
push
1
小黑
2023/12/12
[Flutter]頁面切換
下一頁 沒傳資料 Navigator.push(context, MaterialPageRoute(builder: (context) => NewPage())); 有傳資料 Navigator.push(context, MaterialPageRoute(builder: (c
#
flutter
#
Navigator
#
push
1
加入
全部
iOS
swift
objective-c
MacOS
Flutter
swiftUI
JavaScript
全部
iOS
swift
objective-c
MacOS
Flutter
swiftUI
JavaScript
全部類型
免費與付費
最新發佈
最新發佈
小黑
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
#
flutter
#
json
#
decode
21
小黑
2023/12/28
[Flutter]JSON解析
解析成List List items=json.decode(jsonStr); print(items[0]["your_key"]); 解析成Map Map<String, dynamic> user = json.decode(json); print('${user['your_k
#
flutter
#
json
#
decode
21
小黑
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
#
flutter
#
WebSocketChannel
#
StreamBuilder
小黑
2023/12/26
[Flutter]WebSockets
這邊會使用WebSocketChannel去與http://www.websocket.org做連線。 連線 final channel = IOWebSocketChannel.connect('wss://echo.websocket.events'); 接收 StreamBui
#
flutter
#
WebSocketChannel
#
StreamBuilder
小黑
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫,支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
#
flutter
#
Dio
#
FormData
10
小黑
2023/12/26
[Flutter]Dio
Dio是一個Dart Http請求庫,支援Restful API、FormData、攔截器、請求取消、Cookie管理、檔案上傳/下載、逾時等。 加入 dependencies: dio: ^x.x.x #请使用pub上的最新版本 使用 GET Response response;
#
flutter
#
Dio
#
FormData
10
小黑
2023/12/25
[Flutter]HttpClient
配置 idleTimeout:在httpClient請求結束後,會繼續保持連線,直到超過idleTimeout值才會關閉連接。 connectionTimeout:和伺服器建立連線逾時,如果超過connectionTimeout值則會拋出SocketException異常。 maxConnec
#
flutter
#
Http
#
userAgent
2
小黑
2023/12/25
[Flutter]HttpClient
配置 idleTimeout:在httpClient請求結束後,會繼續保持連線,直到超過idleTimeout值才會關閉連接。 connectionTimeout:和伺服器建立連線逾時,如果超過connectionTimeout值則會拋出SocketException異常。 maxConnec
#
flutter
#
Http
#
userAgent
2
小黑
2023/12/25
[Flutter]Notification
Notification是Flutter中一個重要的機制,在widget樹中,每個節點都可以分發通知,通知會沿著目前節點向上傳遞,所有父節點都可以透過NotificationListener來監聽通知。 Flutter中將此由子向父的傳遞通知的機制稱為通知冒泡(Notification Bubbli
#
flutter
#
notification
#
NotificationListener
3
小黑
2023/12/25
[Flutter]Notification
Notification是Flutter中一個重要的機制,在widget樹中,每個節點都可以分發通知,通知會沿著目前節點向上傳遞,所有父節點都可以透過NotificationListener來監聽通知。 Flutter中將此由子向父的傳遞通知的機制稱為通知冒泡(Notification Bubbli
#
flutter
#
notification
#
NotificationListener
3
小黑
2023/12/19
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#
flutter
#
GestureDetector
#
GestureRecognizer
3
小黑
2023/12/19
[Flutter]手勢識別
GestureDetector onTap、onDoubleTap和onLongPress class _GestureTestState extends State<GestureTest> { String _operation = "No detected!"; //事件名稱 @o
#
flutter
#
GestureDetector
#
GestureRecognizer
3
小黑
2023/12/19
[Flutter]影音播放器
新增video_player 在pubspec.yaml中加入video_player。 設置權限 Android 在AndroidManifest.xml檔案中的<application>裡,加入下列代碼。 <uses-permission android:name="androi
#
flutter
#
videoplayer
#
Manifest
小黑
2023/12/19
[Flutter]影音播放器
新增video_player 在pubspec.yaml中加入video_player。 設置權限 Android 在AndroidManifest.xml檔案中的<application>裡,加入下列代碼。 <uses-permission android:name="androi
#
flutter
#
videoplayer
#
Manifest
小黑
2023/12/19
[Flutter]SnackBar
GestureDetector( onTap: () { const snackBar = SnackBar(content: Text('Tap')); ScaffoldMessenger.of(context).showSnackBar(snackBar); },
#
flutter
#
SnackBar
#
Tap
小黑
2023/12/19
[Flutter]SnackBar
GestureDetector( onTap: () { const snackBar = SnackBar(content: Text('Tap')); ScaffoldMessenger.of(context).showSnackBar(snackBar); },
#
flutter
#
SnackBar
#
Tap
小黑
2023/12/19
[Flutter]SQLite
加入套件 在pubspec.yaml添加sqflite與path_provider。 建立數據模型 id:識別欄位,唯一值為整數資料類型 name:存放名字為字串資料類型 class People { final int? id; final String? name;
#
flutter
#
sqflite
#
database
小黑
2023/12/19
[Flutter]SQLite
加入套件 在pubspec.yaml添加sqflite與path_provider。 建立數據模型 id:識別欄位,唯一值為整數資料類型 name:存放名字為字串資料類型 class People { final int? id; final String? name;
#
flutter
#
sqflite
#
database
小黑
2023/12/19
[Flutter]SharedPreferences
首先需要在pubspec.yaml文件中添加依賴。 宣告 SharedPreferences record = await SharedPreferences.getInstance(); 寫入 //字串資料 await record.setString(key, value); //
#
flutter
#
SharedPreferences
#
setString
1
小黑
2023/12/19
[Flutter]SharedPreferences
首先需要在pubspec.yaml文件中添加依賴。 宣告 SharedPreferences record = await SharedPreferences.getInstance(); 寫入 //字串資料 await record.setString(key, value); //
#
flutter
#
SharedPreferences
#
setString
1
小黑
2023/12/19
[Flutter]Table
class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Table( columnWid
#
flutter
#
Table
#
columnWidths
小黑
2023/12/19
[Flutter]Table
class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Table( columnWid
#
flutter
#
Table
#
columnWidths
小黑
2023/12/19
[Flutter]GridView
下面代碼為兩列的GridView class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return new GridView.count( cro
#
flutter
#
GridView
#
crossAxisCount
小黑
2023/12/19
[Flutter]GridView
下面代碼為兩列的GridView class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return new GridView.count( cro
#
flutter
#
GridView
#
crossAxisCount
小黑
2023/12/18
[Flutter]ListView
可以透過scrollDirection來設定垂直或水平滾動列表資料。 垂直滾動 class HomePage extends StatelessWidget { //列表集合資料 List<Widget> list = <Widget>[ ListTile( ti
#
flutter
#
scrollDirection
#
垂直
小黑
2023/12/18
[Flutter]ListView
可以透過scrollDirection來設定垂直或水平滾動列表資料。 垂直滾動 class HomePage extends StatelessWidget { //列表集合資料 List<Widget> list = <Widget>[ ListTile( ti
#
flutter
#
scrollDirection
#
垂直
小黑
2023/12/18
[Flutter]套件管理
這篇使用pubspec.yaml來管理第三方依賴套件。YAML是一種直覺、可讀性高的文件格式;他和xml或Json相比語法簡單且容易解析,所以常用於配置文件。 Flutter預設的設定檔是pubspec.yaml,底下是關鍵字解釋: name:應用程式或套件名稱。 description: 應用
#
flutter
#
pubspec
#
yaml
3
小黑
2023/12/18
[Flutter]套件管理
這篇使用pubspec.yaml來管理第三方依賴套件。YAML是一種直覺、可讀性高的文件格式;他和xml或Json相比語法簡單且容易解析,所以常用於配置文件。 Flutter預設的設定檔是pubspec.yaml,底下是關鍵字解釋: name:應用程式或套件名稱。 description: 應用
#
flutter
#
pubspec
#
yaml
3
小黑
2023/12/14
[Flutter]Drawer
class MyApp extends StatefulWidget { @override myAppState createState() => myAppState(); } class myAppState extends State<MyApp> { //目前選擇頁索引值
#
flutter
#
Drawer
#
CircleAvatar
1
小黑
2023/12/14
[Flutter]Drawer
class MyApp extends StatefulWidget { @override myAppState createState() => myAppState(); } class myAppState extends State<MyApp> { //目前選擇頁索引值
#
flutter
#
Drawer
#
CircleAvatar
1
小黑
2023/12/14
[Flutter]TabBar
class MyApp extends StatelessWidget { final List<Tab> myTabs = <Tab>[ Tab(text: '第一頁'), Tab(text: '第二頁'), Tab(text: '第三頁'), ]; fina
#
flutter
#
List
#
TabBar
小黑
2023/12/14
[Flutter]TabBar
class MyApp extends StatelessWidget { final List<Tab> myTabs = <Tab>[ Tab(text: '第一頁'), Tab(text: '第二頁'), Tab(text: '第三頁'), ]; fina
#
flutter
#
List
#
TabBar
小黑
2023/12/13
[Flutter]BottomNavigationBar
屬性 items:底部頁面導航項目。 currentIndex:目前頁面。 onTap:點擊按鈕後觸發事件。 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Te
#
flutter
#
bottomNavigationBar
#
fixedColor
小黑
2023/12/13
[Flutter]BottomNavigationBar
屬性 items:底部頁面導航項目。 currentIndex:目前頁面。 onTap:點擊按鈕後觸發事件。 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Te
#
flutter
#
bottomNavigationBar
#
fixedColor
小黑
2023/12/13
[Flutter]AlertDialog
用來顯示訊息提示用戶。 屬性 title:訊息對話框視窗標題 content:訊息對話框視窗內文 actions:訊息對話框視窗,按鈕觸發事件 AlertDialog( title: Text('Alert'), content: const Text('Alert
#
flutter
#
AlertDialog
#
title
小黑
2023/12/13
[Flutter]AlertDialog
用來顯示訊息提示用戶。 屬性 title:訊息對話框視窗標題 content:訊息對話框視窗內文 actions:訊息對話框視窗,按鈕觸發事件 AlertDialog( title: Text('Alert'), content: const Text('Alert
#
flutter
#
AlertDialog
#
title
小黑
2023/12/13
[Flutter]FloatingActionButton
屬性 onPressed:按下後觸發的方法。 elevation:陰影大小值。 foregrnundColor:前景色。 foregroundColor: Colors.amber, backgroundColor:背景色。 backgroundColor: Colors.red,
#
flutter
#
foregrnundColor
#
backgroundColor
小黑
2023/12/13
[Flutter]FloatingActionButton
屬性 onPressed:按下後觸發的方法。 elevation:陰影大小值。 foregrnundColor:前景色。 foregroundColor: Colors.amber, backgroundColor:背景色。 backgroundColor: Colors.red,
#
flutter
#
foregrnundColor
#
backgroundColor
小黑
2023/12/12
[Flutter]頁面切換
下一頁 沒傳資料 Navigator.push(context, MaterialPageRoute(builder: (context) => NewPage())); 有傳資料 Navigator.push(context, MaterialPageRoute(builder: (c
#
flutter
#
Navigator
#
push
1
小黑
2023/12/12
[Flutter]頁面切換
下一頁 沒傳資料 Navigator.push(context, MaterialPageRoute(builder: (context) => NewPage())); 有傳資料 Navigator.push(context, MaterialPageRoute(builder: (c
#
flutter
#
Navigator
#
push
1