Flutter Pinput Overflowed

Question

I am using an imported PinPut Flutter package and I am trying to fix the overflowed pinput on the right. I have tried setting the eachFieldWidth and eachFieldHeight to the smallest value but it doesn't make any difference.

return PinPut(
  fieldsCount: 6,
  textStyle: const TextStyle(fontSize: 25.0),
  eachFieldWidth: 40.0,
  eachFieldHeight: 40.0,
  focusNode: _pinPutFocusNode,
  controller: _pinPutController,
  submittedFieldDecoration: pinPutDecoration,
  selectedFieldDecoration: pinPutDecoration,
  followingFieldDecoration: pinPutDecoration,
  pinAnimationType: PinAnimationType.fade,}

PinputOverflowed

you can try this code ```. eachFieldWidth:MediaQuery.of(context).size.width/5.9 ``` — Salim Baskoy, Apr 20 '21 at 07:11
UPDATE on post: The pinput field is no longer overflowed by setting the minimum height and width in a box constraints. — Priscilla, Apr 26 '21 at 06:54

KuKu · Answer 1 · 2021-04-20T07:55:42.693

0

There is a 'pull requests' that is waiting to merge.
If you want to adapt to that modification, you need to change Pinput package.
Or you need to wait for merging that commit.
https://github.com/Tkko/Flutter_PinPut/pull/37/commits/7b1c49bda70455aac6ddecc6ab991d1662835de4

-Before adapt that commit

-After adapt that commit

If you changed from Pubdev package to local package, please look for this link.

edited Apr 20 '21 at 07:55

answered Apr 20 '21 at 07:46

KuKu

6,654
1
13
25

Flutter Pinput Overflowed

1 Answers1