maheshmnj / searchfield Goto Github PK

import 'package:flutter/material.dart';
import 'package:searchfield/searchfield.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Material App',
      home: BottomNavBarHome(),
    );
  }
}

class BottomNavBarHome extends StatefulWidget {
  const BottomNavBarHome({Key? key}) : super(key: key);

  @override
  State<BottomNavBarHome> createState() => _BottomNavBarHomeState();
}

class _BottomNavBarHomeState extends State<BottomNavBarHome> {
  late PageController _pageController;
  late final GlobalKey<State<BottomNavigationBar>> _bottomNavBarKey;
  DateTime? currentBackPressTime;
  @override
  void initState() {
    _pageController = PageController();
    _bottomNavBarKey = GlobalKey<State<BottomNavigationBar>>();
    super.initState();
  }

  int selectindex = 0;
  void _onItemTapped(int selectedIndex) {
    setState(() {
      selectindex = selectedIndex;
      _pageController.jumpToPage(selectindex);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Scaffold(
        extendBody: true,
        body: PageView(
          controller: _pageController,
          children: [
            PageOne(
              bottomNavBarKey: _bottomNavBarKey,
            ),
            PageSecond(),
            PageThird(),
          ],
          // onPageChanged: _onPageChanged,
        ),
        bottomNavigationBar: BottomNavigationBar(
          currentIndex: selectindex,
          type: BottomNavigationBarType.fixed,
          key: _bottomNavBarKey,
          onTap: _onItemTapped,
          items: const [
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              label: 'Page 1',
              backgroundColor: Colors.blue,
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.person),
              label: 'Page 2',
              backgroundColor: Colors.blue,
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.book),
              label: 'Page 3',
              backgroundColor: Colors.blue,
            ),
          ],
        ),
      ),
    );
  }
}

class PageOne extends StatefulWidget {
  const PageOne({Key? key, required this.bottomNavBarKey}) : super(key: key);

  final GlobalKey<State<BottomNavigationBar>> bottomNavBarKey;

  @override
  State<PageOne> createState() => _PageOneState();
}

class _PageOneState extends State<PageOne> {
  final List<String> _suggestions = [
    'United States',
    'Germany',
    'Washington',
    'Paris',
    'Jakarta',
    'Australia',
    'India',
    'Czech Republic',
    'Lorem Ipsum',
  ];

  BottomNavigationBar? bottomNavKey;

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: SearchField(
          suggestionState: Suggestion.expand,
          suggestionAction: SuggestionAction.unfocus,
          suggestions: _suggestions.map((e) => SearchFieldListItem(e)).toList(),
          textInputAction: TextInputAction.done,
          hint: 'SearchField Example 1',
          autoCorrect: false,
          maxSuggestionsInViewPort: 3,
          itemHeight: 45,
          onSuggestionTap: (x) async {
            if (widget.bottomNavBarKey.currentWidget != null) {
              bottomNavKey =
                  widget.bottomNavBarKey.currentWidget as BottomNavigationBar;
            }
            bottomNavKey?.onTap!(1);
          },
        ),
      ),
    );
  }
}

class PageSecond extends StatelessWidget {
  const PageSecond({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(child: Text('Page Second')),
    );
  }
}

class PageThird extends StatelessWidget {
  const PageThird({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(
          child: Text(
        'Page Third',
      )),
    );
  }
}

SearchField(
                controller: numController,
                suggestions:
                    cnt.map((e) => SearchFieldListItem(e)).toList(),
                suggestionState: Suggestion.hidden,
                searchStyle: TextStyle(fontSize: 18),
                onSuggestionTap: _getInfo,
                searchInputDecoration: InputDecoration(
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(10),
                  ),
                  labelText: "Search",
                  suffixIcon: IconButton(
                      onPressed: () => numController.clear(),
                      icon: Icon(Icons.clear)),
                  contentPadding: EdgeInsets.symmetric(horizontal: 10),
                ),
                maxSuggestionsInViewPort: 5,
                itemHeight: 55,
                suggestionsDecoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10),
                    border: Border.all(
                        color: Colors.red,
                        style: BorderStyle.solid,
                        width: 2.0)),
                suggestionStyle: TextStyle(fontSize: 18),
                suggestionItemDecoration: BoxDecoration(
                  border: Border(
                      left: BorderSide(width: 10.0, color: Colors.transparent),
                      top: BorderSide(width: 5, color: Colors.transparent),
                      bottom: BorderSide(width: 5, color: Colors.transparent)),
                ),
              ),

SearchField<String>(
          onTap: (item) {},
          controller: _controller,
          suggestions: ['ABC', 'DEF', 'GHI', 'JKL']
              .map((String e) => SearchFieldListItem<String>(e,
                  child: Text(
                    e,
                    style: Theme.of(context).textTheme.headline2?.copyWith(fontSize: 15),
                  )))
              .toList(),
          hasOverlay: true,
          searchStyle: Theme.of(context).textTheme.headline2?.copyWith(fontSize: 15),
          itemHeight: 45,
          searchInputDecoration: InputDecoration(
            prefixIcon: IconButton(
              onPressed: () {},
              icon: Icon(PortalIcons.location_on),
            ),
            label: Text(
                       labelText,
                       style: Theme.of(context).textTheme.headline2?.copyWith(fontSize: 12),
                       textScaleFactor: context.textScaler,
                  ),
          ),
          suggestionsDecoration: BoxDecoration(
            border: Border.all(),
            borderRadius: BorderRadius.circular(8),
            shape: BoxShape.rectangle,
          ),
          suggestionItemDecoration: BoxDecoration(
            borderRadius: BorderRadius.circular(8),
            shape: BoxShape.rectangle,
            border: Border.all(color: Colors.transparent, style: BorderStyle.solid, width: 1.0),
          ),
        ),

class Home extends StatefulWidget {

  HomeState createState() => HomeState();
}
class HomeState extends State<Home> {

final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
  var dateNow = new DateTime.now();
  Icon customIcon = const Icon(Icons.search);
  Icon customMessages = const Icon(Icons.message);
  Widget customSearchBar = const Text('search');
  List<Map<String, dynamic>> todos = [];
  List<page> display_list = List.from(main_search);
  static List<page> main_search = [];
  void updateList(String value){
  }
  final DescriptionController = TextEditingController();
  int _currentIndex = 3;
  Color butt = Colors.pink;
  @override
  Widget build(BuildContext context) {
    return  DefaultTabController(
      length: 3,
      child: MaterialApp(
        theme: ThemeData(fontFamily: 'Harmattan',),
        home: Scaffold(
          key: _scaffoldKey,
          appBar: AppBar(
    backgroundColor: Colors.lightBlue,
   // elevation: 0,
    title: Text(
    "faceMe",
    style: TextStyle(
    color: Colors.white,
    fontSize: 26,
    fontWeight: FontWeight.bold,
    ),),
            automaticallyImplyLeading: false,
            actions: [
              IconButton(
                **_[onPressed: () {
                  Navigator.of(context).push(MaterialPageRoute(
                      builder: (_) => CountrySearch(
                        title: 'Country List',
                      )));
                },](url)_**
                icon: customIcon,
                color: Colors.white,
              ),
              IconButton(
                onPressed: () {
                const chatroom();
                },
                icon: customMessages,
             color: Colors.white, )
            ],
            centerTitle: true,
          ),
          body: ListView(
            children: [
              SingleChildScrollView(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    StatusSection(),
                    Divider(
                      thickness: 1,
                      color: Colors.grey[300],
                    ),
                    HeaderButtonSection(
                        buttonOne: headerbutton(
                            buttontext: "Live",
                            buttonicon: Icons.video_call,
                            buttonaction: () {

                            },
                            buttoncolor: Colors.red),
                        buttonTwo: headerbutton(
                            buttontext: "Photos",
                            buttonicon: Icons.photo_library,
                            buttonaction: () {

                            },
                            buttoncolor: Colors.green),
                        buttonThree: headerbutton(
                            buttontext: "Room",
                            buttonicon: Icons.video_call,
                            buttonaction: () {
                              const   record();
                            },
                            buttoncolor: Colors.purple)),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    Room(),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    StorySection(),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    PostCard(
                      varifiedpost: true,
                      pics: ylw,
                      name: "Spiderman",
                      time: "4h",
                      postImage: bat,
                      postTitle: "hay gorgeous",
                      like: "15K",
                      comments: "2K",
                      share: "432",
                    ),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    PostCard(
                      varifiedpost: true,
                      pics: bat,
                      name: "Batman",
                      time: "8h",
                      postImage: sup,
                      postTitle: "yoo bud",
                      like: "30K",
                      comments: "2K",
                      share: "344",
                    ),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    PostCard(
                      varifiedpost: true,
                      pics: red,
                      name: "Scarlett",
                      time: "4h",
                      postImage: bat,
                      postTitle: " I am scarlett,",
                      like: "15K",
                      comments: "2K",
                      share: "232",
                    ),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    SuggestionSection(),
                    Divider(
                      thickness: 10,
                      color: Colors.grey[300],
                    ),
                    PostCard(
                      varifiedpost: true,
                      pics: haf,
                      name: "Batman",
                      time: "8h",
                      postImage: sup,
                      postTitle:
                      "yooo dude how are you man..",
                      like: "15K",
                      comments: "2K",
                      share: "211",
                    ),
                  ],
          ),
              ),
      ],),
          bottomNavigationBar: BottomNavigationBar(
            currentIndex: _currentIndex,
            items: [
              BottomNavigationBarItem(
                  icon: Icon(Icons.home, color: Colors.blueAccent),
                  label: "",
                  backgroundColor: Colors.white),
              BottomNavigationBarItem(
                  icon: Icon(Icons.person, color: Colors.grey[700]),
                  label: "",
                  backgroundColor: Colors.white),
              BottomNavigationBarItem(
                  icon: Icon(Icons.settings, color: Colors.grey[700]),
                  label: "",
                  backgroundColor: Colors.white),
              BottomNavigationBarItem(
                  icon: Icon(Icons.notifications, color: Colors.grey[700]),
                  label: "",
                  backgroundColor: Colors.white),
              BottomNavigationBarItem(
                  icon: Icon(Icons.more_vert_outlined, color: Colors.grey[700]),
                  label: "",
                  backgroundColor: Colors.white),
            ],
            onTap: (index) {
              setState(() {
                _currentIndex = index;
              });
            },
          ),
         ),
      ),

    );
  }
}

class record extends StatefulWidget {
  const record({Key? key}) : super(key: key);

  @override
  State<record> createState() => _recordState();
}

class _recordState extends State<record> {
  @override
  Widget build(BuildContext context) {
    return ListWheelScrollView(itemExtent: 2, children: [
      Container(
        child: Image (image: AssetImage("assetsm1.jpg/"),
        ),
      ),
      Divider(
        thickness: 10,
        color: Colors.black,
      ),
  
      Container(
![git hub](https://user-images.githubusercontent.com/38753427/199269151-73a58b2a-43b9-430b-b789-ceeb3ef0097c.jpg)
![github](https://user-images.githubusercontent.com/38753427/199269160-a55f7579-1433-4c10-a12c-42792c35299e.jpg)

    child: Image (image: AssetImage("assetsw1.jpg/"),
       ),
      ),
      Divider(
        thickness: 10,
        color: Colors.black,
      ),
    ]);
  }
}