signupPasswordTextField method

Stack signupPasswordTextField()

Implementation

Stack signupPasswordTextField() {
  return Stack(
    children: [
      Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(15),
          border: Border.all(
            color: ColorHelper.grey02_2,
            width: 1,
          ),
        ),
        padding: EdgeInsets.symmetric(horizontal: 20.dp, vertical: 4.dp),
        margin: const EdgeInsets.only(top: 10),
        child: TextField(
          controller: controller.passTxtController,
          obscureText: controller.obscurePassText.value,
          keyboardType: TextInputType.text,
          style: TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.w400,
            color: ColorHelper.neutralMediumText,
          ),
          decoration: InputDecoration(
            hintText: '*****************',
            hintStyle: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.w400,
              color: ColorHelper.neutralMediumText,
            ),
            contentPadding: const EdgeInsets.symmetric(vertical: 16.0),
            border: InputBorder.none,
            suffixIcon: IconButton(
              icon: Icon(
                controller.obscurePassText.value
                    ? CupertinoIcons.eye_slash
                    : CupertinoIcons.eye,
                size: 20.0,
                color: ColorHelper.grey05,
              ),
              onPressed: () {
                controller.obscurePassText.value =
                    !controller.obscurePassText.value;
              },
            ),
          ),
        ),
      ),
      Positioned(
        left: 24,
        top: -2,
        child: Container(
          padding: const EdgeInsets.symmetric(horizontal: 4),
          color: Colors.white,
          child: Row(
            children: [
              Text(
                'Password',
                style: TextStyle(
                  fontSize: 11.dp,
                  color: ColorHelper.grey05,
                ),
              ),
              Text(
                ' *',
                style: TextStyle(
                  fontSize: 11.dp,
                  color: ColorHelper.primaryColor2,
                ),
              ),
            ],
          ),
        ),
      ),
    ],
  );
}