Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Get.to 为什么在第一次跳转的时候当前route没有过渡效果 #3072

Open
butterflyXX opened this issue Apr 7, 2024 · 1 comment
Assignees

Comments

@butterflyXX
Copy link

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

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

class MyApp extends StatefulWidget {
@OverRide
State createState() => _MyAppState();
}

class _MyAppState extends State {

@OverRide
Widget build(BuildContext context) {
return GetMaterialApp(
home: Scaffold(
body: Center(
child: Text("One Page Test"),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
Get.to(() => const TwoPage(),);
},
),
),
);
}
}

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

@OverRide
State createState() => _TwoPageState();
}

class _TwoPageState extends State {
@OverRide
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text("Two Page"),
),
);
}
}

@abetoluwani
Copy link

The Fixed version of your code with the necessary corrections .I've corrected the @override annotations, added the missing type parameters for the State classes, and ensured the proper formatting.

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

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

class MyApp extends StatefulWidget {
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: Scaffold(
        body: Center(
          child: Text("One Page Test"),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            Get.to(() => TwoPage());
          },
          child: Icon(Icons.navigate_next), // Add an icon for the FloatingActionButton
        ),
      ),
    );
  }
}

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

  @override
  State<TwoPage> createState() => _TwoPageState();
}

class _TwoPageState extends State<TwoPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar( // Add an AppBar for navigation
        title: Text('Two Page'),
        leading: IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () {
            Get.back();
          },
        ),
      ),
      body: Center(
        child: Text("Two Page"),
      ),
    );
  }
}

Explanation of Changes:

  1. Corrected @override Annotations: Fixed the @override annotations to be correctly spelled and placed.
  2. Specified Type Parameters for State: Added type parameters to the State classes (_MyAppState and _TwoPageState).
  3. FloatingActionButton Icon: Added an icon to the FloatingActionButton.
  4. Added AppBar to TwoPage: Added an AppBar to TwoPage for better navigation and consistency.

This should work as expected, with the floating action button navigating to the second page (TwoPage) and providing a back button to return to the first page. @butterflyXX

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants