How to make the scroll controller in a Textfield follow the cursor as the user is typing

I would need help on this issue , the thing is that i am not using the keyboad to enter letters into the text controller of the textfield , i am using a custom keyboard for numbers , but I want that as the text is written , the scroll controller follows the cursor this is my app , and this is the samsung phone call app which i am replicating , with the samsung phone call app as the text field text gets larget , the text field continues as normal but scrolls to where the cursor is , but with mine (1st image) , the text overflows , the cursor is at the end of the text but the text field does not scroll to it

my code:

TextField(
          // scrollPadding: EdgeInsets.only(right: 20),

          focusNode: numberFocus,
          showCursor: isTyping ? true : false,
          controller: numberController,
          cursorColor: Colors.green,
          enableInteractiveSelection: false,
          keyboardType: TextInputType.none,
          style: TextStyle(
            fontSize: 30,
          ),
          textAlign: TextAlign.center,
          cursorHeight: 45,
          decoration: InputDecoration(
              enabledBorder: InputBorder.none, border: InputBorder.none),
        ),