Flutter中使用onTap时出现编译崩溃报错求助

Hey there, let's work through this frustrating compilation crash you're hitting when using an arrow function with onTap. That internal compiler error is a quirky bug, but we've got straightforward fixes to resolve it.

What's Causing This? #

This looks like a syntax-handling quirk in older versions of the Flutter/Dart compiler. It struggles to process shorthand arrow functions (() => ...) when passed directly to callback properties like onTap—the error message explicitly mentions it can't handle the () → void lambda you're using.

Step-by-Step Fixes #

1. Switch to a Full Anonymous Function #

Replace the shorthand arrow function with a full function wrapped in curly braces. This bypasses the compiler's issue with the arrow syntax:

// Instead of this problematic line:
onTap: ()=> print("We tapped"),

// Use this full function syntax:
onTap: () {
  print("We tapped");
},

2. Upgrade Flutter & Dart to the Latest Stable Version #

Internal compiler bugs like this are almost always patched in newer releases. Run these commands in your terminal to update:

flutter upgrade
flutter pub get

3. Clear Build Cache #

Stale cache files can sometimes trigger weird compilation glitches. Clear them and rebuild your project:

flutter clean
flutter pub get
flutter run

Full Working Code Example #

Here's how your LandingPage should look with the fix applied:

import 'package:flutter/material.dart';

class LandingPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Landing Page")),
      body: Center(
        child: ElevatedButton(
          // Fixed onTap callback
          onTap: () {
            print("We tapped");
          },
          child: const Text("Tap Me!"),
        ),
      ),
    );
  }
}

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