(安卓,flutter)【项目记录】flutter项目记录,各种大坑小坑

博客文章链接:https://hanbaoaaa.xyz/index.php/archives/23/k.html
已经完成了。在这里总结一下。

(安卓,flutter)【项目记录】flutter项目记录,各种大坑小坑_第1张图片 一开始刚接触flutter先搞了下界面布局

然后是做和服务器的接口访问。

使用的是dio的库。为了使用方便 再次封装了一下。

import 'package:dio/dio.dart';
import 'main.dart';

class HttpUtil{
  static String tokenHttp;
  bool getting=false;
  static Options options= Options(headers: {"token": tokenHttp});
  static updateHttpUtil(){
    options=Options(headers: {"token": tokenHttp});
    //print("update:"+options.headers.toString());
  }
  onlyParaHttp(var data,String address,{String absoluteAddress})async{
    //print(options.headers);
    try {
      Response response;
      if(data==null){
        response = await Dio().post(
          absoluteAddress==null?RootAddress + address:absoluteAddress,
          options: options,
        );
      }else{
        response = await Dio().post(
          absoluteAddress==null?RootAddress + address:absoluteAddress,
          options: options,
          queryParameters: data,
        );
      }

      return response.data;
    } catch (e) {
      //Toast.toast(context1, msg: "链接超时", position: ToastPostion.bottom);
      getting = false;
      print("httpfailed:"+absoluteAddress==null?RootAddress + address:absoluteAddress);
      return print(e);
    }
  }
  onlyPara(var data,String address,Null whenComp(val),{String absoluteAddress}){

    if(!getting){
      getting=true;
      onlyParaHttp(data,address,absoluteAddress: absoluteAddress).then((val){
        getting=false;
        return val;
      }).then(whenComp);
      return false;
    }else{
      return true;
    }
  }

}

将token设置为静态变量。这里提一下。建议把面向对象里的全局变量设置成静态变量。之前普通的全局变量是相当于一直加载着的,会面临不更新的情况,dart里面的非必要参数写在{ }里面和js比较像。

然后的话dart里的函数可以像参数一样传递。不用像java c#那种要借助委托来实现。所以把回调函数作为参数传递给整个执行函数就行了。然后再http接受完的.then();里面执行回调的函数


然后是弹出窗口。

showDialog(
    context: context,
    barrierDismissible: false,
    builder: (BuildContext context) {
        return StatefulBuilder(
            builder: (context, state) {
                return new AlertDialog(
                    title: new Text('当前剧本要花费'+fee.toString()+"个币"),
                    actions: [
                        new FlatButton(
                            child: new Text('取消'),
                            onPressed: () {
                                Navigator.of(context).pop();
                            },
                        ),
                        new FlatButton(
                            child: new Text(text),
                            onPressed: (){
                                buyHttp.onlyPara({
                                    "id":id
                                }, "/buyFileServlet", (val){
                                    ////print(val);
                                    switch(val['status']){
                                        case 454:
                                            state(() {
                                                text="余额不足";
                                            });
                                            break;
                                        case 1:
                                            Navigator.of(context).pop();
                                            gotoDetail(index,pagecount);
                                            break;
                                    }
                                });
                            },
                        ),
                    ],
                );

            },
        );

    },
);

使用statefulBuilder可以动态的更新弹出窗口内的内容。不过setstate名字被参数名替换掉了。


Navigator.of(context)..pop()..pop("deleted!");

使用这个语句来连续弹出两个页面,


waitForUpload(BuildContext context) async {
  var result=await Navigator.of(context1).pushNamed('/jubenUpload', arguments: {"name": "上传我的剧本"});
  print('result');
  print(result);
  if(result!=null){
    updateInfo();
  }

}

使用这种异步函数来抓取弹出后返回的变量。


flutter的build函数属于一直在执行的那种。

@override
  void initState() {
    // TODO: implement initState
    super.initState();
  }

这个函数的话属于初始话只执行一次。

像界面启动后做请求或者做弹窗就可以用这个。

但是一定要在build完毕的时候执行界面绘制。

所以界面绘制相关的内容。要用来注册回调。这个回调只会被执行一次。

WidgetsBinding.instance.addPostFrameCallback((_){
    /// 接口请求if (
    getList.onlyPara({
      "type":0
    }, "/showUserFileServlet", (val){
      ////print(val['list']);
      jubenstate.setState((){
        ////print(list);
        list=val['list'];
      });
      authors=List(list.length);
      for(int i=0;i

这里面我state是作为全局变量共享的。实际不建议这样。以后一定要作为参数传递。或者干脆把setstate这句话作为函数传递。


在flutter里函数是变量。可以写成局部函数。也可以作为参数传递。


文件管理。直接嫖的网上现成,但不知道怎么调用系统文件管理。


关于网络权限

,安卓新的api需要申请各种权限。

这几个权限是比较基本的,加载java的AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

还有网络访问http需要做手脚。不然会在视频播放里连不上。

这里要对flutter的AndroidManifest.xml做处理。

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.juben">
    
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <application
        android:name="io.flutter.app.FlutterApplication"
        android:label="juben"
        android:networkSecurityConfig="@xml/network_security_config"
        android:usesCleartextTraffic="true"
        android:icon="@mipmap/ic_launcher">


        <activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"

            android:windowSoftInputMode="adjustResize">

            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            intent-filter>
        activity>
        
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    application>
manifest>

android:networkSecurityConfig="@xml/network_security_config"重点是这一句

在res文件夹里建xml文件夹。xml文件夹里建xml文件。内容为:



    
        106.15.206.164
    

ip位置写允许http的ip或者域名。


好了。要说的说完了。

你可能感兴趣的:(flutter)