Flutter使用package:intl/intl.dart时出现RTL语法错误

看起来你在复制Flutter Gallery的代码时，不小心截断了TextDirection的取值，这才导致了语法错误。我来帮你一步步修复这个问题：

1. 补全TextDirection的正确取值 #

你代码里的textDirection: Te...是不完整的，Flutter的TextDirection只有两个有效值：

• TextDirection.ltr：从左到右的文本方向（适合大多数语言）
• TextDirection.rtl：从右到左的文本方向（如阿拉伯语、希伯来语）

把代码补全，比如用常用的左到右方向：

builder: (BuildContext context, Widget child) {
  return new Directionality(
    textDirection: TextDirection.ltr, // 补全完整的取值
    child: child,
  );
},

2. 日期选择器完整实现示例 #

如果你是要实现日期选择器功能，单纯的Directionality配置可能不够，结合你导入的intl库，我给你一个完整的基础示例：

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      theme: ThemeData.light(),
      home: const InitiateAppPage(),
    );
  }
}

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

  @override
  State<InitiateAppPage> createState() => _InitiateAppPageState();
}

class _InitiateAppPageState extends State<InitiateAppPage> {
  DateTime? _selectedDate;

  // 弹出日期选择器的方法
  Future<void> _showDatePicker() async {
    final pickedDate = await showDatePicker(
      context: context,
      initialDate: DateTime.now(),
      firstDate: DateTime(2020),
      lastDate: DateTime(2030),
    );

    if (pickedDate != null) {
      setState(() {
        _selectedDate = pickedDate;
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('日期选择器示例')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              _selectedDate == null
                  ? '未选择日期'
                  : '选中的日期：${DateFormat('yyyy-MM-dd').format(_selectedDate!)}',
              style: const TextStyle(fontSize: 18),
            ),
            const SizedBox(height: 20),
            ElevatedButton(
              onPressed: _showDatePicker,
              child: const Text('选择日期'),
            ),
          ],
        ),
      ),
    );
  }
}

3. 额外排查点 #

如果补全代码后还是有错误，检查这两个地方：

• 确保pubspec.yaml里已经添加intl依赖，并且执行过flutter pub get：

  dependencies:
    flutter:
      sdk: flutter
    intl: ^0.18.1 # 可以使用最新版本
  

• 检查代码中的括号、逗号是否配对完整，你的原代码看起来可能存在未闭合的括号哦。

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