Never give up

화면을 구성하다보면 Navigator를 통하여 다른 화면으로 이동해야되는 상황이 생기고 Animation을 이용하여 조금 더 멋진 화면을 구성하는데 listener안에서 setState를 이용하면 성능이 떨어지기 때문에 AnimatedBuilder를 이용하면 세련된 애니메이션과 성능을 동시에 잡을 수 있습니다 메인화면 class TestAnimation extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Animation test')), body: Padding( padding: const EdgeInsets.symmetric(horizontal:..

BottomNavigationBar 등을 통해 화면전환을 할 때 Indexed Stack을 이용하여 화면전환을 하면 더 관리하기 편하고 바뀌는 인덱스에 따라 해당되는 페이지를 보여줍니다 Provider를 이용하여 StatelessWidget에서 구현해봤습니다 (이후 다른 예제에서 많이 사용할 예정이어서 MultiProvider를 사용했습니다) 메인 void main() { runApp(MultiProvider( providers: [ChangeNotifierProvider(create: (_) => PageViewModel())], child: const MaterialApp(home: Main()), )); } 메인화면 class Main extends StatelessWidget { const Mai..

필자가 생각하는 Splash Screen(로딩 화면)사용 이유는 오래걸리는 작업을 할 때 ex) 네트워크에서 API를 불러올때, DB에서 많은 값을 가져올때 첫 화면에서 처리를 해주면 UI rendering중 처리해야될 작업이 줄어들어 앱을 쾌적하게 만들 수 있습니다 flutter.dev/docs/development/ui/advanced/splash-screen 위 공식문서에 따르면 Android, IOS 각각 따로 화면을 만들어주는데 비동기처리의 장점을 이용하여 동시에 관리할 수 있습니다 비동기 처리의 대한 이해가 필요하다면 링크를 참고해주세요 (링크 : devmemory.tistory.com/50) import 'package:ex1/main_screen.dart'; import 'package:f..

소프트웨어 키중 back key를 사용했을때 특별한 처리를 하기 위해서는 onBackPressed가 필요합니다 Native Android에서는 onBackPressed가 이미 있어서 그대로 사용하면 되었지만 Flutter에서는 다른 방법을 통해 해결해야 됩니다 이 방법에 대해서 알아보겠습니다 1. WillPopScope를 이용하여 onBackPressed이벤트 확인 class MainScreen extends StatelessWidget { @override Widget build(BuildContext context) { return WillPopScope( onWillPop: () async { await _onBackPressed(context); return false; }, child: Scaf..