I need help to implement a basic Get.(to)(put)(find)

[cccarv]

Hi! Newbie here... Im trying to learn flutter and I'm incrementing my studies with the use of great packages like GetX but I'm having some problems...

Let me explain:

I have:

• lib/components/app.dart

import 'package:flutter/material.dart';
import 'package:base/pages/home_page.dart';
import 'package:base/theme/app_theme.dart';
import 'package:get/get.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'App Inicial',
      theme: AppTheme(context).defaultTheme,
      home: MyHomePage(),
    );
  }
}

• lib/components/controllers.dart

import 'package:get/get.dart';

class Name extends GetxController {
  RxString name = ''.obs;
}

• lib/pages/home_page.dart

import 'package:base/pages/second_page.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:base/components/controllers.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final Name n = Get.put(Name());
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            flex: 10,
            child: Container(
              color: Colors.red,
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: TextField(
                  showCursor: true,
                  decoration: const InputDecoration(
                    hintText: 'Name ?',
                  ),
                  onChanged: (value) => n,
                ),
              ),
            ),
          ),
          Expanded(
            child: Container(
              color: Colors.cyan,
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: ElevatedButton(
                      onPressed: () {
                        Get.to<void>(
                          SecondPage(),
                        );
                      },
                      child: const Text('Botão 1'),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}

• lib/pages/second_page.dart

import 'package:base/components/controllers.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class SecondPage extends StatelessWidget {
  final Name n = Get.find();
  @override
  Widget build(BuildContext context) {
    return Scaffold(body: Center(child: Text("Hi ${n.name} :D")));
  }
}

My problem is, i cant show the string inserted in page 1 (in the textfield) in page 2 (Text("Hi ${n.name} :D"))

What I'm doing wrong ?

[fer-ri]

Try change this

onChanged: (value) => n,

// into

onChanged: (value) => .value = value,