Flutter中如何在类间传递布尔值？控制组件对齐示例

核心问题修正与基础方案 #

首先注意原代码中的两个问题：

• ClassA是StatelessWidget却使用了setState，这会触发错误，必须改为StatefulWidget才能维护可变状态
• 变量名前后不一致（isBottomBarVisible和isBottomSheetVisible），需统一命名以避免混淆

步骤1：重构ClassA为StatefulWidget

class ClassA extends StatefulWidget {
  const ClassA({super.key});

  @override
  State<ClassA> createState() => _ClassAState();
}

class _ClassAState extends State<ClassA> {
  bool isBottomSheetVisible = false;

  void _showBottomSheet() {
    setState(() {
      isBottomSheetVisible = true;
    });
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return Container(
          height: 200,
          child: const Center(
            child: Text("This is a bottom sheet"),
          ),
        );
      },
    ).whenComplete(() {
      setState(() {
        isBottomSheetVisible = false;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    // 直接将状态值传入ClassB实例
    return ClassB(
      isBottomSheetVisible: isBottomSheetVisible,
      isKeyboardVisible: false, // 替换为你的键盘状态判断逻辑
    );
  }
}

步骤2：修改ClassB接收状态参数

给ClassB添加构造参数，接收从ClassA传递过来的状态值，并用它控制布局对齐：

class ClassB extends StatelessWidget {
  final bool isBottomSheetVisible;
  final bool isKeyboardVisible;

  const ClassB({
    super.key,
    required this.isBottomSheetVisible,
    required this.isKeyboardVisible,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 500),
        alignment: isKeyboardVisible || isBottomSheetVisible
            ? Alignment.topCenter
            : Alignment.center,
        child: const Text("动态对齐的内容"),
      ),
    );
  }
}

跨组件层级的状态传递方案 #

如果ClassB不在ClassA的直接子树中，或者需要跨多个组件传递状态，可以使用状态管理工具（以Provider为例）：

1. 添加依赖到pubspec.yaml：

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.5

2. 创建状态管理类：

class BottomSheetState extends ChangeNotifier {
  bool _isVisible = false;

  bool get isVisible => _isVisible;

  void setVisible(bool value) {
    _isVisible = value;
    notifyListeners();
  }
}

3. 在顶层提供状态：

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => BottomSheetState(),
      child: const MyApp(),
    ),
  );
}

4. 在ClassA中更新状态：

class _ClassAState extends State<ClassA> {
  void _showBottomSheet() {
    Provider.of<BottomSheetState>(context, listen: false).setVisible(true);
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return Container(
          height: 200,
          child: const Center(
            child: Text("This is a bottom sheet"),
          ),
        );
      },
    ).whenComplete(() {
      Provider.of<BottomSheetState>(context, listen: false).setVisible(false);
    });
  }

  @override
  Widget build(BuildContext context) {
    return const ClassB();
  }
}

5. 在ClassB中监听状态：

class ClassB extends StatelessWidget {
  const ClassB({super.key});

  @override
  Widget build(BuildContext context) {
    final isBottomSheetVisible = Provider.of<BottomSheetState>(context).isVisible;
    final isKeyboardVisible = false; // 替换为你的键盘状态判断逻辑

    return Container(
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 500),
        alignment: isKeyboardVisible || isBottomSheetVisible
            ? Alignment.topCenter
            : Alignment.center,
        child: const Text("动态对齐的内容"),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者Harsh Rajpara