Flutter中的flutter_riverpod如何更方便的將ConsumerWidget轉換為ConsumerStatefulWidget？

Question

我正在使用flutter_riverpod包。

我想將ConsumerWidget轉換為ConsumerStatefulWidget 。

但是，我花了很多時間才這樣做：

1. （代碼）

class Widget extends ConsumerWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return …;
  }
}

2. （刪除ref ）

class Widget extends ConsumerWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

3. （將ConsumerWidget更改為StatelessWidget ）

class Widget extends StatelessWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

4. （由Convert to StatefulWidget操作轉換）

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

  @override
  State<Widget> createState() => _WidgetState();
}

class _WidgetState extends State<Widget> {
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

5. （加Consumer詞）

class Widget extends ConsumerStatefulWidget {
  const Widget({super.key});

  @override
  ConsumerState<Widget> createState() => _WidgetState();
}

class _WidgetState extends ConsumerState<Widget> {
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

如您所見，我需要使用 5 個步驟來完成。 有沒有更快的方法？

如果您需要更多信息，請隨時發表評論。

如何更簡單地將ConsumerWidget轉換為ConsumerStatefulWidget ？ 我將不勝感激任何幫助。 先感謝您！

Answer 1

如果我的ConsumerWidget沒有參數，

• 1.新建一個同名的ConsumerStatefulWidget 。
• 2a. 將ConsumerWidget的build方法的內容復制到新創建的小部件。
• 2b. （如果ConsumerWidget中還有其他方法）將ConsumerWidget的內容復制到新創建的小部件中。 然后從build中刪除ref 。
• 3.刪除ConsumerWidget 。

如果我的ConsumerWidget有參數，那么我會和你一樣做，否則我將不得不添加一個widget. 在小部件變量之前。