为什么我得到另一个异常被抛出：ParentDataWidget 的使用不正确。？

Question

您好，我正在尝试创建一个 smoothPageIndicator 小部件来介绍我的页面。 屏幕包含图片、标题和描述。 但发生异常 抛出另一个异常：ParentDataWidget 的使用不正确。
这是代码：

 @override
  Widget buildView() {
    var size = MediaQuery.of(context).size;
    var textTheme = Theme.of(context).textTheme;
    return SafeArea(
      child: Scaffold(
        floatingActionButton: isSelected
            ? FloatingActionButton(
                backgroundColor: Colors.deepPurple,
                onPressed: () {},
                child: const Icon(Icons.arrow_forward),
              )
            : null,
        extendBodyBehindAppBar: true,
        appBar: AppBar(
            backgroundColor: Colors.transparent,
            centerTitle: true,
            elevation: 0),
        body: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(models[currentIndex].imgAssetAddress),
              fit: BoxFit.cover,
              colorFilter: ColorFilter.mode(
                  Colors.black.withOpacity(0.4), BlendMode.darken),
            ),
          ),
          child: ClipRRect(
            child: Expanded(
              flex: 1,
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 6, sigmaY: 6),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: [
                    SizedBox(
                      height: 500,
                      child: PageView.builder(
                          onPageChanged: (index) {
                            setState(() {
                              currentIndex = index;
                            });
                          },
                          controller: _controller,
                          itemCount: models.length,
                          itemBuilder: (BuildContext context, int index) {
                            currentIndex = index;
                            return GestureDetector(
                              onTap: () {
                                setState(() {
                                  if (isSelected == false) {
                                    isSelected = true;
                                  } else {
                                    isSelected = false;
                                  }
                                });
                              },
                              child: Padding(
                                padding: const EdgeInsets.only(
                                    top: 20, left: 30, right: 30, bottom: 15),
                                child: Container(
                                  decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(25),
                                      color: Colors.white,
                                      border: isSelected
                                          ? Border.all(
                                              width: 4,
                                              color: Colors.deepPurple)
                                          : null),
                                  child: Column(
                                    children: [
                                      Container(
                                        decoration: BoxDecoration(
                                          image: DecorationImage(
                                              image: AssetImage(models[index]
                                                  .imgAssetAddress),
                                              fit: BoxFit.cover),
                                          borderRadius:
                                              BorderRadius.circular(15),
                                        ),
                                        margin: const EdgeInsets.all(10),
                                        height:
                                            MediaQuery.of(context).size.height /
                                                2.4,
                                      ),
                                      Expanded(
                                        child: Text(
                                          models[index].city,
                                          style: const TextStyle(
                                              fontSize: 25,
                                              fontWeight: FontWeight.w600),
                                        ),
                                      ),
                                      Padding(
                                        padding: const EdgeInsets.all(8.0),
                                        child: Expanded(
                                            child: Text(
                                          models[index].description,
                                          textAlign: TextAlign.center,
                                          style: TextStyle(
                                            fontWeight: FontWeight.w500,
                                            fontSize: 14,
                                            color: Colors.grey[600],
                                          ),
                                        )),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            );
                          }),
                    ),
                    SmoothPageIndicator(
                      controller: _controller,
                      count: models.length,
                    ),
                    currentIndex == 3

                        /// GET STARTED BTN
                        ? TextButton(
                            onPressed: (() {
                              Navigator.push(
                                context,
                                MaterialPageRoute(
                                    builder: (context) => BleScanWindow()),
                              );
                            }),
                            child: const Text("Get Started",
                                style: TextStyle(color: Colors.blue)),
                          )

                        /// SKIP BTN
                        : SkipBtn(
                            size: size,
                            textTheme: textTheme,
                            onTap: () {
                              setState(() {
                                _controller.animateToPage(3,
                                    duration:
                                        const Duration(milliseconds: 1000),
                                    curve: Curves.fastOutSlowIn);
                              });
                            })
                  ],
                ),
              

我的问题是如何编辑此代码以获得干净的代码和高效的响应？ 在此先感谢您的帮助

Answer 1

在您的源代码中：

      child: ClipRRect(
        child: Expanded( //// <--- problem
          flex: 1,
          child: BackdropFilter(

在这里，您在ClipRRect中使用了Expanded小部件，这导致了您所看到的问题。

Expanded是一个ParentDataWidget ，它只能在Flex中工作（如Row或Column小部件），它不能像您一样用作ClipRRect小部件的子级。

Answer 2

如前所述，Expanded 和 Flexible 小部件只能在行和列中使用。 我注意到您还在 Padding 小部件内使用了 Expanded：

Padding(
  padding: const EdgeInsets.all(8.0),
  child: Expanded( //// <--- problem
    child: Text(
        models[index].description,
        textAlign: TextAlign.center,
    style: TextStyle(
            fontWeight: FontWeight.w500,
            fontSize: 14,
            color: Colors.grey[600],
        ),
    )),
),