UI (5) 썸네일형 리스트형 Ui 배경화면 설정에서 그라디언트까지, set Background Container 를 사용해서 DecorationImage 로 설정하기 class OnHomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { var imagePath ='https://cdn.pixabay.com/photo/2023/11/26/08/27/leaves-8413064_640.jpg'; return Scaffold( body: Container( decoration: BoxDecoration( color: Colors.white, image: DecorationImage(image: NetworkImage(imagePath), fit: BoxFit.cover), ), child: Center(chil.. simple 코인 어플 만들기, 암호화 화폐 Bitcoin App , json으로 비트코인등 안호화 화폐의 정보를 json을 이용해서 보여주는 APP 뚝딱 ~ // 주의사항 . json 제공 사이트는 수시로 업데이트 됨으로 직접 찾아서 고쳐야 하실 수있습니다. 경로가 바뀌는 경우가 있습니다. import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'package:noti_local/a_drawer.dart'; class CoinHomeScreen extends StatefulWidget { const CoinHomeScreen({super.key}); @override State createState() => _CoinHomeScreenSt.. Ui Flutter Design Morphism 로그인 픽사베이에 가니 인공지능이 그린 그림들이 많이 나오고 있다. 이번에 사용한 그림도 인공지능이 그린그림이다. import 'dart:ui'; import 'package:flutter/material.dart'; class MorphLogIn extends StatefulWidget { const MorphLogIn({super.key}); @override State createState() => _MorphLogInState(); } class _MorphLogInState extends State { @override Widget build(BuildContext context) { double height = MediaQuery.sizeOf(context).height; double width = .. Design Glass Morphism 로그인 1 맨아래 버튼은 적용 안해도 되며 . 그래도 코드는 맨아래에 작성 . 2 이미지는 픽사베이 링크 networImage 3 4 home late TextEditingController emailController; late TextEditingController passwordController; @override void initState() { emailController = TextEditingController(); passwordController = TextEditingController(); super.initState(); } @override void dispose() { emailController.dispose(); passwordController.dispose(); super.di.. CustumClipper 로그인 페이지 디자인. late TextEditingController emailController; late TextEditingController passwordController; @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.white, drawer: ADrawer(), appBar: AppBar( title: Text('Google LogIn'), ), body: SingleChildScrollView( child: Column( children: [ SizedBox( height: MediaQuery.sizeOf(context).height * 0.7, width: double.infinity, child:.. 이전 1 다음
