Advertisement
MELAMOURI

Untitled

Apr 7th, 2023
1,293
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Dart 2.14 KB | None | 0 0
  1. import 'package:flutter/material.dart';
  2.  
  3. void main() {
  4.   runApp(MyApp());
  5. }
  6.  
  7. class MyApp extends StatelessWidget {
  8.   @override
  9.   Widget build(BuildContext context) {
  10.     return MaterialApp(
  11.       title: 'Split Screen App',
  12.       theme: ThemeData(
  13.         primarySwatch: Colors.blue,
  14.       ),
  15.       home: SplitScreen(),
  16.     );
  17.   }
  18. }
  19.  
  20. class SplitScreen extends StatefulWidget {
  21.   @override
  22.   _SplitScreenState createState() => _SplitScreenState();
  23. }
  24.  
  25. class _SplitScreenState extends State<SplitScreen> {
  26.   int _selectedIndex = 0;
  27.  
  28.   static const List<Widget> _views = [
  29.     Center(child: Text('View 1')),
  30.     Center(child: Text('View 2')),
  31.     Center(child: Text('View 3')),
  32.   ];
  33.  
  34.   void _onItemTapped(int index) {
  35.     setState(() {
  36.       _selectedIndex = index;
  37.     });
  38.   }
  39.  
  40.   @override
  41.   Widget build(BuildContext context) {
  42.     return Scaffold(
  43.       body: Column(
  44.         children: [
  45.           Expanded(
  46.             flex: 2,
  47.             child: Image.network(
  48.               'https://picsum.photos/200',
  49.               fit: BoxFit.cover,
  50.               height: double.infinity,
  51.               width: double.infinity,
  52.               alignment: Alignment.center,
  53.             ),
  54.           ),
  55.           Expanded(
  56.             flex: 3,
  57.             child: Scaffold(
  58.               appBar: AppBar(
  59.                 title: Text('Split Screen'),
  60.                 actions: [
  61.                   IconButton(
  62.                     icon: Icon(Icons.emoji_emotions),
  63.                     onPressed: () {
  64.                       _onItemTapped(0);
  65.                     },
  66.                   ),
  67.                   IconButton(
  68.                     icon: Icon(Icons.emoji_events),
  69.                     onPressed: () {
  70.                       _onItemTapped(1);
  71.                     },
  72.                   ),
  73.                   IconButton(
  74.                     icon: Icon(Icons.emoji_flags),
  75.                     onPressed: () {
  76.                       _onItemTapped(2);
  77.                     },
  78.                   ),
  79.                 ],
  80.               ),
  81.               body: _views[_selectedIndex],
  82.             ),
  83.           ),
  84.         ],
  85.       ),
  86.     );
  87.   }
  88. }
  89.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement