字符串列表到 StatefulWidget Flutter 列表

Question

我想将此列表字符串转换为列表状态小部件

List<String> listString = [
"HomePage()",
"ProfilePage()"
]

到

List<StatefulWidget> listStatefulWidget = [];

预期结果：

List<StatefulWidget> listStatefulWidget = [
HomePage(),
ProfilePage()
];

更新： 我需要一个需要 StatefulWidget 列表的导航栏。 tabs 是 StatefulWidget 的列表，应该从 API 获取值。我的 API 返回 listString，所以我需要将其转换为 statefulWidget。

这是我的代码：

var tabs<StatefulWidget> = [
    HomePageView() 
    AccountView(),
  ];

return Scaffold(
    key: scaffoldKey,
    backgroundColor: Theme.of(context).scaffoldBackgroundColor,
    bottomNavigationBar: CurvedNavigationBar(
      key: _bottomNavigationKey,
      index: 0,
      height: 65.0,
      items: [
       //navbar 
      ],
      color: Colors.white,
      buttonBackgroundColor: kSecondaryColor,
      backgroundColor: Colors.transparent,
      animationCurve: Curves.easeInOutQuint,
      animationDuration: Duration(milliseconds: 300),
      onTap: (index) {
        setState(() {
          _page = index;
        });
      },
      letIndexChange: (index) => true,
    ),
    body: tabs[_page]);

}

Answer 1

您无法将 String 转换为 StatefulWidget。

您可以使用带有NavigatorState 的字符串导航到应用程序的某些部分。

NavigatorState 的全局键

final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();

ma​​in.dart

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      navigatorKey: navigatorKey,
      onGenerateRoute: (routeSettings) {
      switch (routeSettings.name) { //add more routes as needed
        case 'Home':
          return MaterialPageRoute(builder: (context) => Home());
        default:
          return MaterialPageRoute(builder: (context) => Profile());
      }
    },
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

导航到页面

您可以使用此navigatorKey.currentState!.pushNamed(<Route Name>) 导航到该页面。

示例：navigatorKey.currentState!.pushNamed('Home') 这会将您导航到 Home 页面。

在您的情况下，您可以从 API 获取路由并构建底部导航栏并使用字符串导航到页面。

例子：

navigatorKey.currentState!.pushNamed(listStatefulWidget [index]);

参考：

https://stackoverflow.com/a/53397266/9074190

https://www.filledstacks.com/post/navigate-without-build-context-in-flutter-using-a-navigation-service/