這一次，解決Flutter Dialog的各種痛點！

小呆呆666發表於2021-11-03

Flutter

前言

Q：你一生中聞過最臭的東西，是什麼？

A：我那早已腐爛的夢。

兄弟萌！！！我又來了！

這次，我能自信的對大家說：我終於給大家帶了一個，能真正幫助大家解決諸多坑比場景的pub包！

將之前的flutter_smart_dialog，在保持api穩定的基礎上，進行了各種抓頭重構，解決了一系列問題

現在，我終於可以說：它現在是一個簡潔，強大，侵入性極低的pub包！

關於侵入性問題

之前為了解決返回關閉彈窗，使用了一個很不優雅的解決方法，導致侵入性有點高
這真是讓我如坐鍼氈，如芒刺背，如鯁在喉，這個問題終於搞定了！

同時，我在pub包內部設計了一個彈窗棧，能自動移除棧頂彈窗，也可以定點移除棧內標記的彈窗。

問題

使用系統彈窗存在一系列坑，來和各位探討探討

必須傳BuildContext
- 在一些場景必須多做一些傳參工作，蛋痛但不難的問題
loading彈窗
- 使用系統彈窗做loading彈窗，肯定遇到過這個坑比問題
  - loading封裝在網路庫裡面：請求網路時載入loading，手賤按了返回按鈕，關閉了loading
  - 然後請求結束後發現：特麼我的頁面怎麼被關了！！！
- 系統彈窗就是一個路由頁面，關閉系統就是用pop方法，這很容易誤關正常頁面
  - 當然肯定有解決辦法，路由監聽的地方處理，此處就不細表了
某頁面彈出了多個系統Dialog，很難定點關閉某個非棧頂彈窗
- 蛋蛋，這是路由入棧出棧機制導致的，理解的同時也一樣要吐槽
系統Dialog，點選事件無法穿透暗色背景
- 這個坑比問題，我是真沒轍

思考

上面列舉了一些比較常見的問題，最嚴重的問題，應該就是loading的問題

loading是個超高頻使用的彈窗，關閉loading彈窗的方法，同時也能關閉正常使用的頁面，本身就是一個隱患
本菜狗不具備大廠大佬們魔改flutter的能力，菜則思變，我只能從其它方向切入，尋求解決方案

系統的Page就是基於Overlay去實現的，我們們也要騷起來，從Overlay入手

這次，我要一次性幫各位解決：toast訊息，loading彈窗，以及更強大的自定義dialog！

快速上手

初始化

引入（最新版本請點選pub檢視）：pub，github，click me to experience it

dependencies:
  flutter_smart_dialog: ^3.0.0

初始化方式一：強力推薦?

配置更加簡潔

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      initialRoute: RouteConfig.main,
      getPages: RouteConfig.getPages,
      // here
      navigatorObservers: [FlutterSmartDialog.observer],
      // here
      builder: FlutterSmartDialog.init(),
    );
  }
}

初始化方式二：相容老版本❤

老版本初始化方式仍然有效，區別是：需要在就載入MaterialApp之前，呼叫下FlutterSmartDialog.monitor()

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // here
    FlutterSmartDialog.monitor();
    return MaterialApp(
      home: SmartDialogPage(),
      // here
      navigatorObservers: [FlutterSmartDialog.observer],
      /// here
      builder: (BuildContext context, Widget? child) {
        return FlutterSmartDialog(child: child);
      },
    );
  }
}

大功告成?

上面倆種初始化方式，任選一種即可；然後，就可以完整使用本庫的所有功能了

我非常推薦第一種初始化的方式，因為足夠簡潔；簡潔明瞭的東西用起來，會讓人心情愉悅?

極簡使用

toast使用?

SmartDialog.showToast('test toast');

toastDefault

loading使用⏳

SmartDialog.showLoading();
await Future.delayed(Duration(seconds: 2));
SmartDialog.dismiss();

loadingDefault

dialog使用?

var custom = Container(
    height: 80,
    width: 180,
    decoration: BoxDecoration(
        color: Colors.black,
        borderRadius: BorderRadius.circular(20),
    ),
    alignment: Alignment.center,
    child: Text('easy custom dialog', style: TextStyle(color: Colors.white)),
);
// here
SmartDialog.show(widget: custom, isLoadingTemp: false);

dialogEasy

OK，上面展示了，只需要極少的程式碼，就可以呼叫相應的功能

當然，內部還有不少地方做了特殊優化，接下來，我會詳細的向大家描述下

你可能會有的疑問

初始化框架的時候，相比以前，居然讓大家多寫了一個引數，內心十分愧疚?

關閉頁面本質上是一個比較複雜的情況，涉及到

物理返回按鍵
AppBar的back按鈕
手動pop

為了監控這些情況，不得已增加了一個路由監控引數

關於 FlutterSmartDialog.init()

本方法不會佔用你的builder引數，init內部回撥出來了builder，你可以大膽放心的繼續套

例如：繼續套Bloc全域性例項?

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      initialRoute: RouteConfig.main,
      getPages: RouteConfig.getPages,
      navigatorObservers: [FlutterSmartDialog.observer],
      builder: FlutterSmartDialog.init(builder: _builder),
    );
  }
}

Widget _builder(BuildContext context, Widget? child) {
  return MultiBlocProvider(
    providers: [
      BlocProvider.value(value: BlocSpanOneCubit()),
    ],
    child: child!,
  );
}

實體返回鍵

對返回按鈕的監控，是非常重要的，基本能覆蓋大多數情況

initBack

pop路由

雖然對返回按鈕的監控能覆蓋大多數場景，但是一些手動pop的場景就需要新增引數監控

不加FlutterSmartDialog.observer
- 如果開啟了穿透引數（就可以和彈窗後的頁面互動），然後手動關閉頁面
- 就會出現這種很尷尬的情況

initPopOne

加了FlutterSmartDialog.observer，就能比較合理的處理了
- 當然，這裡的過渡動畫，也提供了引數控制是否開啟❤

initPopTwo

超實用的引數：backDismiss

這個引數是預設設定為true，返回的時候會預設關閉彈窗；如果設定為false，將不會關閉頁面
- 這樣就可以十分輕鬆的做一個緊急彈窗，禁止使用者的下一步操作
我們來看一個場景：假定某開源作者決定棄坑軟體，不允許使用者再使用該軟體的彈窗

SmartDialog.show(
  // here
  backDismiss: false,
  clickBgDismissTemp: false,
  isLoadingTemp: false,
  widget: Container(
    height: 480,
    width: 500,
    padding: EdgeInsets.all(20),
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(20),
      color: Colors.white,
    ),
    alignment: Alignment.topCenter,
    child: SingleChildScrollView(
      child: Wrap(
        direction: Axis.vertical,
        crossAxisAlignment: WrapCrossAlignment.center,
        spacing: 10,
        children: [
          // title
          Text(
            '特大公告',
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
          ),
          // content
          Text('鄙人日夜鑽研下面祕籍，終於成功釣到富婆'),
          Image.network(
            'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211102213746.jpeg',
            height: 200,
            width: 400,
          ),
          Text('鄙人思考了三秒鐘，懷著\'沉重\'的心情，決定棄坑本開源軟體'),
          Text('本人今後的生活是富婆和遠方，已無\'精力\' 再維護本開源軟體了'),
          Text('各位叼毛，有緣江湖再見！'),
          // button (only method of close the dialog)
          ElevatedButton(
            onPressed: () => SmartDialog.dismiss(),
            child: Text('再會！'),
          )
        ],
      ),
    ),
  ),
);

hardClose

從上面的效果圖可以看出來

點選遮罩，無法關閉彈窗
點選返回按鈕無法關閉彈窗
只能點我們自己的按鈕，才能關閉彈窗，點選按鈕的邏輯可以直接寫成關閉app之類

只需要倆個簡單的引數設定，就能實現這樣一個很棒的應急彈窗

設定全域性引數

SmartDialog的全域性引數都有著一個比較合理的預設值

為了應付多變的場景，你可以修改符合你自己要求的全域性引數

設定符合你的要求的資料，放在app入口就行初始化就行
- 注：如果沒有特殊要求，完全可以不用初始化全域性引數

SmartDialog.config
    ..alignment = Alignment.center
    ..isPenetrate = false
    ..clickBgDismiss = true
    ..maskColor = Colors.black.withOpacity(0.3)
    ..maskWidget = null
    ..animationDuration = Duration(milliseconds: 260)
    ..isUseAnimation = true
    ..isLoading = true;

程式碼的註釋寫的很完善，某個引數不明白的，點進去看看就行了

Toast篇

toast的特殊性

嚴格來說，toast是一個非常特殊的彈窗，我覺得理應具備下述的特徵

toast訊息理應一個個展示，後續訊息不應該頂掉前面的toast

這是一個坑點，如果框架內部不做處理，很容易出現後面toast會直接頂掉前面toast的情況

toastOne

展示在頁面最上層，不應該被一些彈窗之類遮擋

可以發現loading和dialog的遮罩等佈局，均未遮擋toast資訊

toastTwo

對鍵盤遮擋情況做處理

鍵盤這玩意有點坑，會直接遮擋所有佈局，只能曲線救國
- 在這裡做了一個特殊處理，當喚起鍵盤的時候，toast自己會動態的調整自己和螢幕底部的距離
- 這樣就能起到一個，鍵盤不會遮擋toast的效果

toastSmart

自定義Toast

引數說明

toast暴露的引數其實並不多，只提供了四個引數

例如：toast字型大小，字型顏色，toast的背景色等等之類，我都沒提供引數
- 一是覺得提供了這些引數，會讓整個引數輸入變的非常多，亂花漸入迷人眼
- 二是覺得就算我提供了很多引數，也不一定會滿足那些奇奇怪怪的審美和需求
基於上述的考慮，我直接提供了底層引數，直接將widget引數提供出來
- 你可以隨心所欲的定製toast了
- 注意：使用了widget引數，msg和alignment引數會失效

調整toast顯示的位置

SmartDialog.showToast('the toast at the bottom');
SmartDialog.showToast('the toast at the center', alignment: Alignment.center);
SmartDialog.showToast('the toast at the top', alignment: Alignment.topCenter);

toastLocation

更強大的自定義toast

首先，整一個自定義toast

class CustomToast extends StatelessWidget {
  const CustomToast(this.msg, {Key? key}) : super(key: key);

  final String msg;

  @override
  Widget build(BuildContext context) {
    return Align(
      alignment: Alignment.bottomCenter,
      child: Container(
        margin: EdgeInsets.only(bottom: 30),
        padding: EdgeInsets.symmetric(horizontal: 20, vertical: 7),
        decoration: BoxDecoration(
          color: _randomColor(),
          borderRadius: BorderRadius.circular(100),
        ),
        child: Row(mainAxisSize: MainAxisSize.min, children: [
          //icon
          Container(
            margin: EdgeInsets.only(right: 15),
            child: Icon(Icons.add_moderator, color: _randomColor()),
          ),

          //msg
          Text('$msg', style: TextStyle(color: Colors.white)),
        ]),
      ),
    );
  }

  Color _randomColor() {
    return Color.fromRGBO(
      Random().nextInt(256),
      Random().nextInt(256),
      Random().nextInt(256),
      1,
    );
  }
}

使用

SmartDialog.showToast('', widget: CustomToast('custom toast'));

效果

toastCustom

Loading篇

避坑指南

開啟loading後，可以使用以下方式關閉
- SmartDialog.dismiss()：可以關閉loading和dialog
- status設定為SmartStatus.loading：僅僅關閉loading

// easy close
SmartDialog.dismiss();
// exact close
SmartDialog.dismiss(status: SmartStatus.loading);

一般來說，loading彈窗是封裝在網路庫裡面的，隨著請求狀態的自動開啟和關閉
- 基於這種場景，我建議：使用dismiss時，加上status引數，將其設定為：SmartStatus.loading
坑比場景
- 網路請求載入的時候，loading也隨之開啟，這時很容易誤觸返回按鈕，關閉loading
- 當網路請求結束時，會自動呼叫dismiss方法
- 因為loading已被關閉，假設此時頁面又有SmartDialog的彈窗，未設定status的dismiss就會關閉SmartDialog的彈窗
- 當然，這種情況很容易解決，封裝進網路庫的loading，使用：SmartDialog.dismiss(status: SmartStatus.loading); 關閉就行了
status引數，是為了精確關閉對應型別彈窗而設計的引數，在一些特殊場景能起到巨大的作用
- 如果大家理解這個引數的含義，那對於何時新增status引數，必能胸有成竹

引數說明

引數在註釋裡面寫的十分詳細，就不贅述了，來看看效果

maskWidgetTemp：強大的遮罩自定義功能?，發揮你的腦洞吧。。。

var maskWidget = Container(
  width: double.infinity,
  height: double.infinity,
  child: Opacity(
    opacity: 0.6,
    child: Image.network(
      'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101103911.jpeg',
      fit: BoxFit.fill,
    ),
  ),
);
SmartDialog.showLoading(maskWidgetTemp: maskWidget);

loadingOne

maskColorTemp：支援快捷自定義遮罩顏色

SmartDialog.showLoading(maskColorTemp: randomColor().withOpacity(0.3));

/// random color
Color randomColor() => Color.fromRGBO(
    Random().nextInt(256), Random().nextInt(256), Random().nextInt(256), 1);

loadingTwo

background：支援載入背景自定義

SmartDialog.showLoading(background: randomColor());

/// random color
Color randomColor() => Color.fromRGBO(
    Random().nextInt(256), Random().nextInt(256), Random().nextInt(256), 1);

loadingThree

isLoadingTemp：動畫效果切換

SmartDialog.showLoading(isLoadingTemp: false);

loadingFour

isPenetrateTemp：互動事件可以穿透遮罩，這是個十分有用的功能，對於一些特殊的需求場景十分關鍵

SmartDialog.showLoading(isPenetrateTemp: true);

loadingFive

自定義Loading

使用showLoading可以輕鬆的自定義出強大的loading彈窗；鄙人腦洞有限，就簡單演示下

自定義一個loading佈局

class CustomLoading extends StatefulWidget {
  const CustomLoading({Key? key, this.type = 0}) : super(key: key);

  final int type;

  @override
  _CustomLoadingState createState() => _CustomLoadingState();
}

class _CustomLoadingState extends State<CustomLoading>
    with TickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    _controller = AnimationController(
      duration: const Duration(milliseconds: 800),
      vsync: this,
    );
    _controller.forward();
    _controller.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        _controller.reset();
        _controller.forward();
      }
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Stack(children: [
      // smile
      Visibility(visible: widget.type == 0, child: _buildLoadingOne()),

      // icon
      Visibility(visible: widget.type == 1, child: _buildLoadingTwo()),

      // normal
      Visibility(visible: widget.type == 2, child: _buildLoadingThree()),
    ]);
  }

  Widget _buildLoadingOne() {
    return Stack(alignment: Alignment.center, children: [
      RotationTransition(
        alignment: Alignment.center,
        turns: _controller,
        child: Image.network(
          'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101174606.png',
          height: 110,
          width: 110,
        ),
      ),
      Image.network(
        'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101181404.png',
        height: 60,
        width: 60,
      ),
    ]);
  }

  Widget _buildLoadingTwo() {
    return Stack(alignment: Alignment.center, children: [
      Image.network(
        'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101162946.png',
        height: 50,
        width: 50,
      ),
      RotationTransition(
        alignment: Alignment.center,
        turns: _controller,
        child: Image.network(
          'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101173708.png',
          height: 80,
          width: 80,
        ),
      ),
    ]);
  }

  Widget _buildLoadingThree() {
    return Center(
      child: Container(
        height: 120,
        width: 180,
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(15),
        ),
        alignment: Alignment.center,
        child: Column(mainAxisSize: MainAxisSize.min, children: [
          RotationTransition(
            alignment: Alignment.center,
            turns: _controller,
            child: Image.network(
              'https://cdn.jsdelivr.net/gh/xdd666t/MyData@master/pic/flutter/blog/20211101163010.png',
              height: 50,
              width: 50,
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 20),
            child: Text('loading...'),
          ),
        ]),
      ),
    );
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

來看看效果

效果一

SmartDialog.showLoading(isLoadingTemp: false, widget: CustomLoading());
await Future.delayed(Duration(seconds: 2));
SmartDialog.dismiss();

loadingSmile

效果二

SmartDialog.showLoading(
    isLoadingTemp: false,
    widget: CustomLoading(type: 1),
);
await Future.delayed(Duration(seconds: 2));
SmartDialog.dismiss();

loadingIcon

效果三

SmartDialog.showLoading(widget: CustomLoading(type: 2));
await Future.delayed(Duration(seconds: 2));
SmartDialog.dismiss();

loadingNormal

Dialog篇

花裡胡哨

彈窗從不同位置彈出，動畫是有區別的

alignmentTemp：該引數設定不同，動畫效果會有所區別

var location = ({
    double width = double.infinity,
    double height = double.infinity,
}) {
    return Container(width: width, height: height, color: randomColor());
};

//left
SmartDialog.show(
    widget: location(width: 50),
    alignmentTemp: Alignment.centerLeft,
);
await Future.delayed(Duration(milliseconds: 500));
//top
SmartDialog.show(
    widget: location(height: 50),
    alignmentTemp: Alignment.topCenter,
);
await Future.delayed(Duration(milliseconds: 500));
//right
SmartDialog.show(
    widget: location(width: 50),
    alignmentTemp: Alignment.centerRight,
);
await Future.delayed(Duration(milliseconds: 500));
//bottom
SmartDialog.show(
    widget: location(height: 50),
    alignmentTemp: Alignment.bottomCenter,
);
await Future.delayed(Duration(milliseconds: 500));
//center
SmartDialog.show(
    widget: location(height: 100, width: 100),
    alignmentTemp: Alignment.center,
    isLoadingTemp: false,
);

dialogLocation

isPenetrateTemp：互動事件穿透遮罩

SmartDialog.show(
    alignmentTemp: Alignment.centerRight,
    isPenetrateTemp: true,
    clickBgDismissTemp: false,
    widget: Container(
        width: 80,
        height: double.infinity,
        color: randomColor(),
    ),
);

dialogPenetrate

dialog棧

這是一個強大且實用的功能！
- 可以很輕鬆的定點關閉某個彈窗

var stack = ({
  double width = double.infinity,
  double height = double.infinity,
  String? msg,
}) {
  return Container(
    width: width,
    height: height,
    color: randomColor(),
    alignment: Alignment.center,
    child: Text('彈窗$msg', style: TextStyle(color: Colors.white)),
  );
};

//left
SmartDialog.show(
  tag: 'A',
  widget: stack(msg: 'A', width: 60),
  alignmentTemp: Alignment.centerLeft,
);
await Future.delayed(Duration(milliseconds: 500));
//top
SmartDialog.show(
  tag: 'B',
  widget: stack(msg: 'B', height: 60),
  alignmentTemp: Alignment.topCenter,
);
await Future.delayed(Duration(milliseconds: 500));
//right
SmartDialog.show(
  tag: 'C',
  widget: stack(msg: 'C', width: 60),
  alignmentTemp: Alignment.centerRight,
);
await Future.delayed(Duration(milliseconds: 500));
//bottom
SmartDialog.show(
  tag: 'D',
  widget: stack(msg: 'D', height: 60),
  alignmentTemp: Alignment.bottomCenter,
);
await Future.delayed(Duration(milliseconds: 500));

//center：the stack handler
SmartDialog.show(
  alignmentTemp: Alignment.center,
  isLoadingTemp: false,
  widget: Container(
    decoration: BoxDecoration(
        color: Colors.white, borderRadius: BorderRadius.circular(15)),
    padding: EdgeInsets.symmetric(horizontal: 30, vertical: 20),
    child: Wrap(spacing: 20, children: [
      ElevatedButton(
        child: Text('關閉彈窗A'),
        onPressed: () => SmartDialog.dismiss(tag: 'A'),
      ),
      ElevatedButton(
        child: Text('關閉彈窗B'),
        onPressed: () => SmartDialog.dismiss(tag: 'B'),
      ),
      ElevatedButton(
        child: Text('關閉彈窗C'),
        onPressed: () => SmartDialog.dismiss(tag: 'C'),
      ),
      ElevatedButton(
        child: Text('關閉彈窗D'),
        onPressed: () => SmartDialog.dismiss(tag: 'D'),
      ),
    ]),
  ),
);

dialogStack

騷氣的小技巧

有一種場景比較蛋筒

我們使用StatefulWidget封裝了一個小元件
在某個特殊的情況，我們需要在這個元件外部，去觸發這個元件內部的一個方法
對於這種場景，有不少實現方法，但是弄起來可能有點麻煩

這裡提供一個簡單的小思路，可以非常輕鬆的觸發，元件內部的某個方法

建立一個小元件

class OtherTrick extends StatefulWidget {
  const OtherTrick({Key? key, this.onUpdate}) : super(key: key);

  final Function(VoidCallback onInvoke)? onUpdate;

  @override
  _OtherTrickState createState() => _OtherTrickState();
}

class _OtherTrickState extends State<OtherTrick> {
  int _count = 0;

  @override
  void initState() {
    // here
    widget.onUpdate?.call(() {
      _count++;
      setState(() {});
    });

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        padding: EdgeInsets.symmetric(horizontal: 50, vertical: 20),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(10),
        ),
        child: Text('Counter： $_count ', style: TextStyle(fontSize: 30.0)),
      ),
    );
  }
}

展示這個元件，然後外部觸發它

VoidCallback? callback;

// display
SmartDialog.show(
  alignmentTemp: Alignment.center,
  widget: OtherTrick(
    onUpdate: (VoidCallback onInvoke) => callback = onInvoke,
  ),
);

await Future.delayed(Duration(milliseconds: 500));

// handler
SmartDialog.show(
  alignmentTemp: Alignment.centerRight,
  maskColorTemp: Colors.transparent,
  widget: Container(
    height: double.infinity,
    width: 150,
    color: Colors.white,
    alignment: Alignment.center,
    child: ElevatedButton(
      child: Text('add'),
      onPressed: () => callback?.call(),
    ),
  ),
);

來看下效果

trick

最後

相關地址

github：flutter_smart_dialog
文中demo地址：flutter_use
demo演示效果：線上體驗

哎，人總是在不斷的迷茫中前行。。。

一站式解決使用列舉的各種痛點
2020-05-06
一種更優雅的Flutter Dialog解決方案
2020-12-04
Flutter
mysql 的這個痛點，用 elasticsearch 輕鬆解決
2021-10-22
MySqlElasticsearch
PHP遇見Serverless，幫你解決這些痛點
2022-01-19
PHPServer
PHP 遇見 Serverless，幫你解決這些痛點！
2022-03-06
PHPServer
區塊鏈防偽溯源技術，解決各行各業痛點問題
2020-12-08
區塊鏈
AIGC 真的解決了我的痛點
2023-03-26
AIGC
企業採購管理的這些痛點，如何解決？
2021-11-15
flutter dialog中軟鍵盤遮擋解決衝突
2021-01-01
Flutter
Zoho Workplace解決遠端辦公中的痛點
2021-07-19
SAP BTP MTA 應用解決的架構痛點
2022-03-25
架構
6個問題解決產品銷量的痛點
2022-02-19
JWT技術解決IM系統的認證痛點
2018-11-16
JWT
國產化浪潮下TiDB解決的痛點問題
2022-03-24
TiDB
解決 App 自動化測試的常見痛點
2024-03-27
APP
虛擬辦公室租賃，解決辦公痛點
2021-09-29
強力解決npm各種大姨媽
2018-09-07
NPM
Lift無線充電器完美解決了Apple Watch的痛點
2016-08-03
APP
CRM系統的痛點，如何解決？
2024-01-23
模切工廠的管理痛點，點晴模切ERP來解決！
2022-07-27
初賽De各種各樣的知識點
2020-10-02
R語言的各種報錯及其解決方法
2015-08-06
R語言
AI安防落地夢如何照進現實？先解決這三個行業痛點
2019-12-24
AI行業
vue(1)-學習歷程之vue解決jquery的什麼痛點
2019-02-16
VuejQuery
當下企業資訊化的痛點以及相關解決方案
2020-09-29
資訊不匹配痛點與頭位資訊解決之策
2021-05-14
簡信CRM：全程智慧化掌控，解決合同管理痛點
2020-12-01
CRM系統能為企業解決5大痛點
2024-01-31
flutter：教你自定義Dialog
2019-07-01
Flutter
Flutter Future 回撥地獄的一種解決思路
2020-07-07
Flutter
解決ASP.NET中的各種亂碼問題
2021-09-09
ASP.NET
Ocaml windows 下安裝的各種坑及解決方案
2022-04-02
Windows
朝智慧化發展的長租房市場，能否解決租房痛點？
2018-08-30
什麼是客戶的痛點？CRM系統如何解決痛點的四大流程
2023-03-26
淺析金融行業資料交換痛點及解決方案
2020-03-17
行業
Cabloy-CMS：動靜結合，解決Hexo痛點問題
2018-10-13
Hexo
融雲通訊解決方案破解企業溝通痛點
2022-07-05
解決方案| MongoDB PSA 架構痛點以及如何應對？
2022-06-21
MongoDB架構