如何在 Flutter 中為 TextField 添加漸變？

Question

我只是在學習顫振。 是否可以在 textField 中執行此操作？ 我找不到它。 例子

Answer 1

是的，有可能您需要使用 2 個容器

Container(
      child: Padding(
        padding: const EdgeInsets.all(
          1.0,
        ),
        child: Container(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
          child: TextFormField(),
          decoration: AppColors.kInnerDecoration
              .copyWith(borderRadius: BorderRadius.circular(8.0)),
        ),
      ),
      decoration: AppColors.kGradientBoxDecoration.copyWith(
        borderRadius: BorderRadius.circular(10),
      ),
    )

static var kInnerDecoration = BoxDecoration(
    color: Colors.white,
    border: Border.all(color: Colors.white),
    borderRadius: BorderRadius.circular(30),
  );

  static var kGradientBoxDecoration = BoxDecoration(
    gradient: themeGradient,
    border: Border.all(
      color: AppColors.whiteColor,
    ),
    borderRadius: BorderRadius.circular(30),
  );

輸出：