hi there , anybody can help me how to get datafrom firestore and put it in my codes
69 views
Skip to first unread message
Light Life
Feb 20, 2021, 4:15:24 PM2/20/21
to Flutter Development (flutter-dev)
Widget _buildSliverAppbarBackground(
BuildContext context,) {
var imageList = restaurantDetail.image;
return Column(
children: [
Stack(
children: [
Image.network(
document.data()['image'],
fit: BoxFit.cover,
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 4,
),
Positioned(
child: IconButton(
icon: Icon(
Icons.favorite_border,
color: Colors.white,
size: 32,
),
onPressed: () {},
),
right: 16,
top: 32,
),
Positioned(
child: Container(
decoration:
BoxDecoration(color: Colors.white, shape: BoxShape.circle),
child: IconButton(
icon: Icon(Icons.arrow_back),
onPressed: () {
Navigator.of(context).pop();
},
),
),
left: 16,
top: 32,
),
],
),
SizedBox(
height: 16,
),
Container(
alignment: Alignment.centerLeft,
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
child: Text(
document.data()['name'] ?? "",
textAlign: TextAlign.start,
style: Theme.of(context)
.textTheme
.headline5
.copyWith(fontWeight: FontWeight.bold),
)),
Container(
alignment: Alignment.centerLeft,
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
child: Text(
_getFoodSpeciality(),
textAlign: TextAlign.start,
)),
Container(
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
_getApproximateTime(),
SizedBox(width: 4),
// Text("4.5"),
// SizedBox(width: 4),
Icon(Icons.star_border, color: Colors.amber, size: 16),
SizedBox(width: 4),
Text("4.5"),
SizedBox(width: 4),
Text("(126) "),
SizedBox(width: 4),
_getApproximateDeliveryFee(),
],
)),
Container(
decoration: BoxDecoration(
border: Border.all(width: 1),
borderRadius: BorderRadius.all(Radius.circular(8))),
margin: EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: ListTile(
leading: Icon(
Icons.fire_extinguisher,
color: Colors.purple,
),
title: Text("5 orders earn \$12 reward"),
subtitle: Text("\$15 minimum"),
trailing: IconButton(
icon: Icon(
Icons.arrow_forward_ios,
),
onPressed: () {}),
),
),
Divider(thickness: 2),
ListTile(
title: Text(
"Store Info",
style: Theme.of(context)
.textTheme
.subtitle1
.copyWith(fontWeight: FontWeight.bold),
),
trailing: InkWell(
child: Text(
"More Info",
style: TextStyle(color: Colors.green),
),
),
subtitle: Padding(
padding: const EdgeInsets.only(top: 4),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.max,
children: [
Icon(Icons.location_on, size: 16),
Expanded(
child: Text(
"${restaurantDetail.address.formatted}",
maxLines: 1,
overflow: TextOverflow.ellipsis,
)),
],
),
),
),
Divider(thickness: 2),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text("Menu",
style: Theme.of(context)
.textTheme
.subtitle1
.copyWith(fontWeight: FontWeight.bold)),
IconButton(
icon: Icon(Icons.search_sharp),
onPressed: () {},
),
],
),
)
],
);
}
Widget _buildSliverAppbar(BuildContext context) {
var size = MediaQuery.of(context).size;
return SliverAppBar(
brightness: Brightness.light,
backgroundColor: Colors.white,
pinned: true,
snap: false,
expandedHeight: size.height / 1.33,
leading: !isExpanded
? IconButton(
icon: Icon(
Icons.arrow_back,
color: Colors.black,
),
onPressed: () => Navigator.of(context).pop(),
)
: Container(),
actions: [
!isExpanded
? IconButton(
icon: Icon(
Icons.search,
size: 32,
color: Colors.black,
),
onPressed: () {
_showSearchSection(context);
},
)
: Container(),
],
title: !isExpanded
? Text(
'fromfirebase' ?? "",
style: TextStyle(color: Colors.black),
)
: Container(),
flexibleSpace: FlexibleSpaceBar(
collapseMode: CollapseMode.parallax,
// title: !isExpanded ? Text("Detail View",style: TextStyle(color: blackColor),) : Container(),
background: _buildSliverAppbarBackground(context),
),
bottom: PreferredSize(
preferredSize: Size.fromHeight(40),
child: AnimatedOpacity(
duration: Duration(milliseconds: 500),
opacity: isExpanded ? 0.0 : 1,
child: TabBar(
controller: _tabController,
labelStyle:
TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
labelColor: Colors.black,
indicatorColor: Colors.black,
indicatorWeight: 2.5,
isScrollable: true,
indicatorPadding: EdgeInsets.symmetric(horizontal: 4),
onTap: (index) async {
_scrollToIndex(index);
},
tabs: foodItems?.data?.map((e) {
return Tab(
child: Text("${e.name}"),//from firebase
// text: 'Detail Business',
// icon: Icon(Icons.three_k,color: whiteColor,),
);
})?.toList(),
),
),
),
);
}
@override
Widget build(BuildContext context) {
super.build(context);
var size = MediaQuery.of(context).size;
return Scaffold(
body: CustomScrollView(
controller: _autoScrollController,
// shrinkWrap: true,
slivers: <Widget>[
_buildSliverAppbarBackground(context),
SliverList(
delegate: SliverChildListDelegate(
[
_buildFoodCategoryBody(context),
],
)),
],
));
}
ListView _buildFoodCategoryBody(BuildContext context) {
return ListView.builder(
// itemScrollController: itemScrollController,
// itemPositionsListener: itemPositionsListener,
shrinkWrap: true,
addAutomaticKeepAlives: true,
physics: NeverScrollableScrollPhysics(),
itemCount: snapshot.data.length,
itemBuilder: (context, index) => VisibilityDetector(
key: Key(snapshot.data[index]),
onVisibilityChanged: (info) {
// if (!_autoScrollController.isAutoScrolling) return;
var visiblePercentage = info.visibleFraction * 100;
if (visiblePercentage > 90) {
_visibleItems.putIfAbsent(index, () => true);
} else {
_visibleItems.remove(index);
}
_calculateIndexAndJumpToTab(_visibleItems);
},
child: _wrapScrollTag(
index: index,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
alignment: Alignment.centerLeft,
padding: EdgeInsets.all(8),
child: Text(document['name'] ?? "Picked for you",
style: Theme.of(context)
.textTheme
.headline6
.copyWith(fontWeight: FontWeight.bold)),
),
SizedBox(
height: 16,
),
//..._buildCategoryItems(context, index, snapshot),
],
),
),
),
);
}
List<Widget> _buildCategoryItems(
BuildContext context, int index, AsyncSnapshot snapshot) {
if (snapshot.data[index]['foodCategory'].isEmpty) return [Container()];
List<Widget> _list = [];
for (int i = 0; i < foodItems.data[index].foods.length; i++) {
_list.add(_buildSingleFoodItemByCategory(
context, foodItems.data[index].foods[i]));
}
return _list;
}
InkWell _buildSingleFoodItemByCategory(BuildContext context, Foods food) {
return InkWell(
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
flex: 3,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
child: Text(
style: Theme.of(context).textTheme.subtitle2,
textAlign: TextAlign.start,
),
alignment: Alignment.centerLeft,
),
SizedBox(
height: 8,
),
Container(
alignment: Alignment.centerLeft,
child: Text(
food.subTitle,
textAlign: TextAlign.start,
),
),
SizedBox(
height: 8,
),
Container(
child: Text(
"\$${food.price}",
style: Theme.of(context).textTheme.subtitle2,
textAlign: TextAlign.start,
),
alignment: Alignment.centerLeft,
),
],
)),
SizedBox(
width: 8,
),
Expanded(
flex: 1,
child: FadeInImage.assetNetwork(
placeholder: "assets/images/pizza_image.jpg",
image: food.images == null || food.images.isEmpty
? NO_IMAGE_FOUND_URL
: getImageUrlFromApi(food.images.first),
width: MediaQuery.of(context).size.width,
fit: BoxFit.fitHeight,
),
),
],
),
),
Divider(
thickness: 2,
color: Colors.green,
)
],
),
onTap: () {
// todo do something
},
);
}
Suzuki Tomohiro
Feb 20, 2021, 4:17:40 PM2/20/21
to Light Life, Flutter Development (flutter-dev)
Can you simplify the code and explain what’s the challenge?
--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/eb249b37-5953-4a33-a1aa-a1ff65fe35acn%40googlegroups.com.
Light Life
Feb 20, 2021, 4:22:39 PM2/20/21
to Flutter Development (flutter-dev)
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:scroll_to_index/scroll_to_index.dart';
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
import 'package:visibility_detector/visibility_detector.dart';
import 'constants.dart';
class ScrollingTabsEffect extends StatefulWidget {
@override
_ScrollingTabsEffectState createState() => _ScrollingTabsEffectState();
}
class _ScrollingTabsEffectState extends State<ScrollingTabsEffect>
with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin {
/// Controller to scroll or jump to a particular item.
final ItemScrollController itemScrollController = ItemScrollController();
/// Listener that reports the position of items when the list is scrolled.
final ItemPositionsListener itemPositionsListener =
ItemPositionsListener.create();
AutoScrollController _autoScrollController;
final scrollDirection = Axis.vertical;
bool isExpanded = true;
TabController _tabController;
//here we want to add or remove items to the map based on the visibility of the items
//so that we can calculate the current index of tab bar on the visibility of the current item
final Map<int, bool> _visibleItems = {0: true};
bool _isAppBarExpanded(BuildContext context) {
if (!_autoScrollController.hasClients) return false;
print(
"The offset scrolled now is ${_autoScrollController.offset} and the height is now ${(MediaQuery.of(context).size.height / 1.6 - kToolbarHeight)}");
return _autoScrollController.offset >
(MediaQuery.of(context).size.height / 1.6 - kToolbarHeight);
}
Map data;
@override
void initState() {
_tabController = TabController(
length: 1,
vsync: this,
);
_autoScrollController = AutoScrollController(
viewportBoundaryGetter: () =>
Rect.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom),
axis: scrollDirection,
)..addListener(() {
if (_isAppBarExpanded(context)) {
if (isExpanded) {
setState(
() {
isExpanded = false;
print('setState is called');
},
);
}
} else if (!isExpanded) {
setState(() {
print('setState is called');
isExpanded = true;
});
}
});
super.initState();
}
Future _scrollToIndex(int index) async {
print(
"The offset scrolled now is before updating ${_autoScrollController.offset} and the height is now ${(MediaQuery.of(context).size.height / 1.6 - kToolbarHeight)}");
print("The index to scroll to item is this $index");
await _autoScrollController.scrollToIndex(index,
preferPosition: AutoScrollPosition.begin);
await _autoScrollController.highlight(index,
animated: true, highlightDuration: Duration(seconds: 2));
// itemScrollController.jumpTo(index: index, alignment: 1.00);
}
Widget _wrapScrollTag({int index, Widget child}) {
return AutoScrollTag(
key: ValueKey(index),
controller: _autoScrollController,
index: index,
child: child,
highlightColor: Colors.black.withOpacity(0.1),
);
}
DocumentSnapshot document;
Widget _buildSliverAppbarBackground(
BuildContext context,) {
"${'fromfirebae'}",
tabs: snapshot.documents.data.map((e) {
Container buildFoodItemCategoryTitle(BuildContext context, String name) {
return Container(
alignment: Alignment.centerLeft,
padding: EdgeInsets.all(8),
child: Text(name ?? "Picked for you",
style: Theme.of(context)
.textTheme
.headline6
.copyWith(fontWeight: FontWeight.bold)),
);
}
void _calculateIndexAndJumpToTab(Map<int, bool> visibleItems) async {
List<int> indexes = List.from(_visibleItems.keys.toList());
indexes.sort();
int topMostVisibleItem = indexes.first;
_tabController.animateTo(topMostVisibleItem);
}
@override
bool get wantKeepAlive => true;
void _showSearchSection(BuildContext context) async {
// var result = await showSearch(
// context: context,
// delegate: AppBarSearchWidget(
// ["Pizza", "Coke", "Pumpkin", "Carrot", "Mango"]));
// print("The searched result is now this $result");
}
String _getFoodSpeciality() {
List<String> result = [];
for (var a in foodItems.data) {
for (var b in a.foods) {
for (var c in b.foodSpeciality) {
result.add(c.name);
}
}
}
}
result.insert(0, "\$");
return result.join("•");
}
Text _getApproximateTime() {
return Text("3 mins");
}
Text _getApproximateDeliveryFee() {
return Text("\$14.33");
}
String getImageUrlFromApi(String rawUrl) {
Light Life
Feb 20, 2021, 4:23:55 PM2/20/21
to Flutter Development (flutter-dev)
i want to get data from firestore can said me how can i do it btweens widgets like this code
Suzuki Tomohiro
Feb 20, 2021, 5:17:47 PM2/20/21
to Flutter Development (flutter-dev)
Would you explain why you cannot get the data from Firestore? Is anything special in your code?
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/24e31230-4673-40d0-83f4-cd095ed7b7b8n%40googlegroups.com.
Suzuki Tomohiro
Feb 20, 2021, 5:40:59 PM2/20/21
to Flutter Development (flutter-dev)
(Please respond to the mailing list)
Your code still has lots if irrelevant code (page controller, border radius, autoscroll, sliverAppBar, etc.) For the sake of focusing on Firestore, would you remove the irrelevant code?
On Sat, Feb 20, 2021 at 17:30 Light Life <saral...@gmail.com> wrote:
Yes I can’t because I don’t know where should put the futureBuilder in which widgetCause he running errorsSo can you said me where should I put the futurebuilder and how can I provide him to another widgets to working !!?
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/CAHWORbrYtTs33zE%2B81cLQT47j11ytN-9VrFvZh5j%2BCg5CjbcNg%40mail.gmail.com.
Suzuki Tomohiro
Feb 21, 2021, 12:17:49 AM2/21/21
to Flutter Development (flutter-dev)
Please respond to the mailing list; otherwise I stop responding to you.
I couldn’t find Firestore-related code. Your code still has lots if irrelevant code (page controller, border radius, autoscroll, sliverAppBar, etc.) For the sake of focusing on Firestore, would you remove the irrelevant code?
On Sun, Feb 21, 2021 at 00:03 Light Life <saral...@gmail.com> wrote:
OMG I just want to fetching data from firestore can only said where I should put the futureBuilder ?
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/CAHWORbrY2JLb5xdBAkzoXnT%3DTkLkNxgzWjXZ_SK9a-SSMeD4tQ%40mail.gmail.com.
Reply all
Reply to author
Forward
0 new messages