바이브레이션 그래디언트 프레임이 있는 원형 컨테이너 만들기

기한이 되어 인가하다.나는 Stack Overflow의 Ankit Dubey로부터 대부분의 이런 방법을 얻었다.어떻게 돌아가는지 보충했지만도움이 된다면 Stack Overflow에서 그의 답을 찾아 투표하세요.Here

너의 상수 파일

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,
           ),
         ),`
이것은 너의 최종 결과다

나의 페이지를 따라 이 흩날리는 여정을 공유해 주세요!

좋은 웹페이지 즐겨찾기