在 Flutter 的底部导航中获取值并设置

Question

我需要获取一个购物车值并在 Flutter 底部导航中添加为徽章，但在函数之后没有设置值

我的代码

void _getCartValue() {
      getCartcount().then((value) => {print(value), cartlength = value});
      // setState(() {});
    }

    _getCartValue();

底部导航代码

 BottomNavigationBarItem(
        label: 'Cart',
        icon: Badge(
          shape: BadgeShape.circle,
          borderRadius: BorderRadius.circular(100),
          child: Icon(Icons.shopping_cart),
          badgeContent: Container(
            height: 15,
            width: 15,
            decoration:
                BoxDecoration(shape: BoxShape.circle, color: Colors.red),
            child: Text(
              cartlength.toString(),
              style: TextStyle(
                  color: Colors.white,
                  fontSize: 10,
                  fontWeight: FontWeight.bold),
            ),
          ),
        ),
      ),

该值正在函数内部打印，但我无法获取函数下方的值。帮我将值从_getCartValue 传递到cartlength 值

函数下方出现空值

Answer 1

您无法更改异步执行主体内的外部变量值 ..then, ..whenComple, ..catchError
也许你可以试试这个

void _getCartValue() async {
  try {
    final value = await getCartCount();
    cartlength = value;
    // setState(() {});
  } catch (_) {}
}

_getCartValue();

编辑
一个干净的方法是像这样用FutureBuilder 包装你的Text 小部件

FutureBuilder(
  future: getCartCount,
  builder: (context, snapshot) {
    return ConnectionState.done == snapshot.connectionState ? Text(
      snapshot.data.toString(),
      style: TextStyle(
          color: Colors.white,
          fontSize: 10,
          fontWeight: FontWeight.bold),
    ) : SizedBox(width: 10.0, height: 10.0, child: CircularProgressIndicator());
  },
),