Flutter报错：'PayWallWidget'未定义'_PayWallWidgetState'方法

错误原因 #

你这段代码只定义了StatefulWidget子类PayWallWidget，但没有实现对应的_PayWallWidgetState状态子类——这就是报错的核心原因。Flutter规定每个StatefulWidget必须搭配一个对应的State子类，用来管理组件状态、处理UI渲染逻辑。

修复后的完整代码 #

import 'package:glassfy_flutter/models.dart';
import 'package:flutter/material.dart';

class PayWallWidget extends StatefulWidget {
  final String title;
  final String description;
  final GlassfyOffering offer;
  final ValueChanged<GlassfySku> onClickedSku;

  const PayWallWidget({
    Key? key,
    required this.title,
    required this.description,
    required this.offer,
    required this.onClickedSku,
  }) : super(key: key);

  @override
  State<PayWallWidget> createState() => _PayWallWidgetState();
}

// 新增对应的State子类实现
class _PayWallWidgetState extends State<PayWallWidget> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // 展示订阅墙描述
            Text(
              widget.description,
              style: TextStyle(fontSize: 16, height: 1.5),
            ),
            const SizedBox(height: 24),
            // 遍历展示所有SKU选项
            Expanded(
              child: ListView.builder(
                itemCount: widget.offer.skus.length,
                itemBuilder: (context, index) {
                  final sku = widget.offer.skus[index];
                  return Card(
                    elevation: 2,
                    margin: const EdgeInsets.only(bottom: 12),
                    child: Padding(
                      padding: const EdgeInsets.all(16.0),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Text(sku.name, style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500)),
                              if (sku.description != null) Text(sku.description!, style: TextStyle(color: Colors.grey[600])),
                            ],
                          ),
                          ElevatedButton(
                            onPressed: () => widget.onClickedSku(sku),
                            child: Text(sku.price),
                          ),
                        ],
                      ),
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

关键说明 #

• _PayWallWidgetState作为PayWallWidget的状态类，可通过widget属性直接访问父组件的所有成员变量（如title、offer等）
• 示例实现了基础的订阅墙UI结构，你可以根据产品需求自定义布局样式、交互逻辑
• 点击SKU按钮时，会触发传入的onClickedSku回调，将选中的GlassfySku实例传递给上层组件处理

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