flutter知识

Posted BigSweetee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter知识相关的知识,希望对你有一定的参考价值。

flutter知识

几乎所有的ui和功能都是widget

flutter是单线程

程序入口为

void main() {
  runApp(myApp1());
}
class MyApp3 extends StatelessWidget

需要添加padding可以使用Container

Widget titleSection = new Container(
      padding: const EdgeInsets.all(32.0)

布局分为行和列

横向布局用Row

垂直布局用Column

new Row(
  children: [
    new Expanded(
      child: new Column(

添加paddding

EdgeInsets.all(32.0),
EdgeInsets.only(bottom: 8.0),

添加text

new Text('41'),

添加icon

new Icon(

添加image网络图片和本地图片

new Image.network(
url或者本地图片路径,
  height: 240.0,
  fit: BoxFit.cover,
),

添加点击事件

new GestureDetector

页面跳转

Navigator.push(
  context,
  new MaterialPageRoute(builder: (context) => new MyApp3()),
);

context必须为StatefulWidget的context

添加一个listview

body: new ListView(
  children: [
    new Image.asset(
      'images/lake.jpg',
      height: 240.0,
      fit: BoxFit.cover,
    ),
    titleSection,
    buttonSection,
    textSection,
    // ...
  ],
),

网络请求

导包

pubspec.yaml
http: '>=0.11.3+12'

import 'package:http/http.dart' as http;
import 'dart:convert';
loadData() async {
  String dataURL = "https://jsonplaceholder.typicode.com/posts";
  http.Response response = await http.get(dataURL);
  print(json.decode(response.body));
}

数据库

SQLite for Flutter

和原生通信flutter调用android

获取手机电量

Future<void> _getBatteryLevel() async {
  String batteryLevel;
  try {
    final int result = await methodChannel.invokeMethod('getBatteryLevel');
    batteryLevel = 'Battery level: $result%.';
  } on PlatformException {
    batteryLevel = 'Failed to get battery level.';
  }
  print(batteryLevel);
  // Fluttertoast.showToast(msg: batteryLevel);
}

android项目汇中
override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
MethodChannel(
            flutterEngine.getDartExecutor(),
            BATTERY_CHANNEL
        ).setMethodCallHandler { call, result ->
            if (call.method.equals("getBatteryLevel")) {
                val batteryLevel = getBatteryLevel()
                if (batteryLevel != -1) {
                    result.success(batteryLevel)
                } else {
                    result.error("UNAVAILABLE", "Battery level not available.", null)
                }
            } else {
                result.notImplemented()
            }
        }
    }
 
 然后flutter中的result会收到回调

android 调用flutter

android
private fun native2Dart() {
    val eventChannel = MethodChannel(flutterEngine?.dartExecutor, EVENT_CHANNEL)
    eventChannel.invokeMethod("nihao", "android调用flutter", object : MethodChannel.Result {
        override fun success(result: Any?) {
            Log.e("plateform_channel", "success")
        }

        override fun error(errorCode: String?, errorMessage: String?, errorDetails: Any?) {
        }

        override fun notImplemented() {
        }

    })
}
dart

class homestate extends State<content> {
  static const MethodChannel event =
      MethodChannel('samples.flutter.io/receive');

  @override
  void initState() {
    super.initState();
    event.setMethodCallHandler((call) async {
      print(call.arguments);
    });
  }

修改程序入口

flutter run -t lib/main2.dart //运行

flutter build apk -t lib/main2.dart //打包

以上是关于flutter知识的主要内容,如果未能解决你的问题,请参考以下文章

在 webview_flutter 中启用捏合和缩放,在哪里添加代码片段 [this.webView.getSettings().setBuiltInZoomControls(true);]

flutter解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web(代码片段

Flutter 报错 DioError [DioErrorType.DEFAULT]: Bad state: Insecure HTTP is not allowed by platform(代码片段

Flutter 布局备忘录

android小知识点代码片段

flutter学习基础知识