原创 Flutter項目打包成安卓apk詳解來了(解決安裝沒網絡問題)

Flutter項目打包成安卓apk步驟: cmd使用keytool創建 keystore 創建一個名爲key.properties的文件 編輯/android/app/build.gradle文件配置簽名 替換android/a

原创 1.Flutter 抽屜組件drawer 自定義寬度,觸發按鈕

效果圖如下: 實現代碼如下: 詳解都在代碼內哦! drawer: Drawer( child: ListView( //抽屜裏面一個list部件 padding: EdgeInsets.all(0), //頂部pa

原创 arduino下載esp8266 代理失效

arduino IDE下載地址: https://www.arduino.cc/en/guide/windows 下載esp8266時非常緩慢解決方法: 勾選後下載依然緩慢esp8266解決方法: 開啓代理並通過電腦連接手機熱點

原创 electron --unsafely-treat-insecure-origin-as-secure 問題解決 navigator.mediaDevices = undefined

問題原因: 由於electron mainWindow.loadURL(‘http:127.0.0.1’) 訪問是已http協議,而chrome瀏覽器在訪問http請求時考慮隱私安全是無法打開許多Web API的(如:naviga

原创 flutter 實戰天貓首頁案例

效果圖: GitHub Flutter學習源碼:https://github.com/shunyue1320/flutter-study appbar代碼: appBar: AppBar( centerTitle: true,

原创 flutter Flex Wrap Stack Align佈局

1.flex佈局: Flex( direction: Axis.horizontal, //水平反向(direction不能爲空) direction: Axis.vertical, //垂直反向 Expanded( flex

原创 flutter Row佈局詳解

Row佈局: 水平對齊方式 橫軸對齊方式 child: Row( //水平對齊 mainAxisAlignment: MainAxisAlignment.center, //水平居中對齊 //mainAxisAlig

原创 flutter Scroll x軸y軸滾動條

效果圖如下: y軸滑動: 代碼如下: child: Container( width: double.infinity, height: 200, color: Colors.grey, alignment: Align

原创 electron Error: Can't resolve 'fs'(編譯報錯)

報錯內容: 報錯原因: Node運行時提供了這些東西,所以將它們從輸出包中排除依賴項, 防止捆綁某些導入的軟件包,而是在運行時檢索這些外部依賴項。 解決方法: 在webpack.config.js添加如下內容 module.ex

原创 vue註冊全局彈窗組件

目錄結構: —elert —|— elert.vue —|— elert.js elert.vue代碼: <template> <div class="modal fade" data-backdrop="static">

原创 esp8266中繼器製作整過程

1. 下載燒入工具: https://github.com/nodemcu/nodemcu-flasher/tree/master/Win64/Release 2. 下載編譯好的兩個中繼器二進制文件: https://github

原创 flutter報錯Your app isn’t using AndroidX.解決方法

flutter報錯Your app isn’t using AndroidX.並報錯無法運行: 解決方法: android/gradle.properties文件添加如下字段: android.enableJetifier=tr

原创 flutter多種底部導航欄樣式

1.底部導航欄 (外弧樣式) 實現代碼: //引入flutter的dart庫 import 'package:flutter/material.dart'; //啓動函數 void main() => runApp(MyApp(

原创 css全站變灰

css屬性全網站變灰: filter: grayscale 使用可以調整元素的灰度值 html { filter: grayscale(0.95); -webkit-filter: graysc