Flutter/Dart -在我的构建中将FutureBuilder与普通的非异步元素一起使用？

Future<String> fetchData() async {
  // 模拟异步操作
  await Future.delayed(Duration(seconds: 2));
  return 'Hello, World!';
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter FutureBuilder 示例'),
        ),
        body: Center(
          child: FutureBuilder<String>(
            future: fetchData(),
            builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator(); // 加载中的UI
              } else if (snapshot.hasError) {
                return Text('Error: ${snapshot.error}'); // 错误的UI
              } else {
                return Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text('异步操作结果：'),
                    Text(snapshot.data), // 成功的UI
                    Text('其他非异步元素'), // 其他非异步元素
                  ],
                );
              }
            },
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(MyApp());
}