टेक्स्टफिल्ड का अस्पष्ट टेक्स्ट विकल्प मुद्दा

मैं एक कस्टम टेक्स्टफिल्ड विजेट का उपयोग कर रहा हूं, और जब मैं इसे अस्पष्ट टेक्स्ट के साथ true पर सेट करता हूं तो यह एक फ्रेम छोड़ देता है। अगर मैं false पास करता हूं तो ऐसा नहीं होता है। मूल रूप से, अगर obscureText अलग-अलग विजेट्स के माध्यम से बदलता है तो यह अजीब काम करता है। यहाँ इस मुद्दे का एक उदाहरण है:

https://media.giphy.com/media/zbqxBPA0lyVdkXWzeY/giphy.gif

विजेट कोड:

return TextField(
      controller: controller,
      onChanged: onChanged,
      obscureText: obscureText,
      cursorColor: Global.primaryColor,
      style: TextStyle(
        color: Global.primaryColor,
        fontSize: 14.0,
      ),
      decoration: InputDecoration(
          labelStyle: TextStyle(color: Global.primaryColor),
          focusColor: Global.primaryColor,
          filled: true,
          enabledBorder: UnderlineInputBorder(
            borderRadius: BorderRadius.circular(10),
            borderSide: BorderSide(color: Global.white),
          ),
          focusedBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(10),
            borderSide: BorderSide(color: Global.primaryColor),
          ),
          labelText: labelText,
          prefixIcon: Icon(
            prefixIconData,
            size: 18,
            color: Global.primaryColor,
          ),
          suffixIcon: GestureDetector(
            onTap: () {
              //model.isVisible = !model.isVisible;
            },
            child: Icon(
              suffixIconData,
              size: 18,
              color: Global.primaryColor,
            ),
          )),
    );