Skip to main content

how to send one screen to another screen in flutter ?

 In Flutter, you can navigate between screens by using the Navigator widget. The Navigator provides a stack-based navigation system that allows you to push and pop routes (screens) from the stack.

To navigate to a new screen, you can use the Navigator.push() method and pass in the context and the route for the new screen. To go back to the previous screen, you can use the Navigator.pop() method.

Here's an example:


// First screen (current screen) class FirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('First Screen')), body: Center( child: RaisedButton( child: Text('Go to second screen'), onPressed: () { Navigator.push( context, MaterialPageRoute(builder: (context) => SecondScreen()), ); }, ), ), ); } } // Second screen class SecondScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Second Screen')), body: Center( child: RaisedButton( child: Text('Go back'), onPressed: () { Navigator.pop(context); }, ), ), ); } }

You can also pass arguments to the new screen using MaterialPageRoute and ModalRoute with settings property. And these arguments can be accessed via ModalRoute.of(context).settings.arguments in the new screen.

Navigator.push( context, MaterialPageRoute( builder: (context) => SecondScreen(argument: 'Hello'), settings: RouteSettings(arguments: 'Hello')), );



class SecondScreen extends StatelessWidget { SecondScreen({this.argument}); final String argument; @override Widget build(BuildContext context) { final String args = ModalRoute.of(context).settings.arguments; return Scaffold( appBar: AppBar(title: Text('Second Screen')), body: Center( child: Text(args), ), ); } }





Comments

Popular posts from this blog

how to create chat gpt app in android with java code

  I'd be happy to provide you with some sample Java code for a chat GPT app in Android, however it is important to note that creating a complete and functional app requires a solid understanding of Android development, Java and OpenAI API, and also the code I provide here is just a skeleton or a sample of what it would look like in practice. You would need to import the OpenAI API library and configure it with your API key. Here is an example of how you might use the OpenAI Java client library to send user input to the GPT-3 model and receive the generated response: import openai.OpenAI; public class ChatGPT { private OpenAI openai; private String apiKey = "YOUR_API_KEY"; public ChatGPT() { openai = new OpenAI(apiKey); } public String generateResponse(String input) { String response = ""; try { response = openai.completions().create() .engine("text-davinci-002") ...

How to implement the Android ActionBar back button

Add this code in your on create activity Method  @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled( true ); getSupportActionBar().setDisplayShowHomeEnabled( true ); } then call this method @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id. home : finish(); return true ; default : return super .onOptionsItemSelected(item); } } this is default support action bar if you want your own then use own tool bar in your xml thanks
                             Top Troubleshooting in Android   If  you are android developer and you don't how to troubleshot your code so i am sharing with you some tips which will help you   ctrl + b for back trace your code it will redirect you to where you use of your code  ctrl+alt+ ← come back to privies use of code and if its not working then use alt + ← ctrl+ click it will redirect you to use code