WEB转Flutter基础学习笔记（内含vue和flutter对比）

// Flutter 中创建一个简单的列表
import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'Basic List';
 
    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: ListExample(),
      ),
    );
  }
}
 
class ListExample extends StatelessWidget {
  final items = <String>['A', 'B', 'C'];
 
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: items.length,
      itemBuilder: (context, index) {
        return ListTile(
          title: Text('${items[index]}'),
        );
      },
    );
  }
}

这段代码展示了如何在Flutter中创建一个简单的列表。它使用了ListView.builder来高效构建一个可滚动的列表项。这与Vue中的列表渲染方式类似，但Flutter的实现更为直接和强大。