바이브레이션 그래디언트 프레임이 있는 원형 컨테이너 만들기
너의 상수 파일
final kInnerDecoration = BoxDecoration(
color: Colors.white,
border: Border.all(color: Colors.white),
borderRadius: BorderRadius.circular(32),
);
// border for all 3 colors
final kGradientBoxDecoration = BoxDecoration(
gradient: LinearGradient(
colors: [Colors.yellow.shade600, Colors.orange, Colors.red]),
border: Border.all(
color: Colors.amber, //kHintColor, so this should be changed?
),
borderRadius: BorderRadius.circular(32),
);
너의 작은 위젯
`ClipOval(
clipBehavior: Clip.antiAlias,
child: Container(
child: Padding(
padding: const EdgeInsets.all(8.0), //width of the border
child: ClipOval(
clipBehavior: Clip.antiAlias,
child: Container(
width:
240.0, // this width forces the container to be a circle
height:
240.0, // this height forces the container to be a circle
child: Text(
"12",
style: TextStyle(
fontSize: 200.0,
),
textAlign: TextAlign.center,
),
decoration: kInnerDecoration,
),
),
),
decoration: kGradientBoxDecoration,
),
),`
이것은 너의 최종 결과다나의 페이지를 따라 이 흩날리는 여정을 공유해 주세요!
Reference
이 문제에 관하여(바이브레이션 그래디언트 프레임이 있는 원형 컨테이너 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/valerianagit/create-a-rounded-container-with-a-gradient-border-36kb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)