Каждый раз, когда я нажимаю на карту ListView, эта ошибка показывает «Исключение, обнаруженное жестом: переполнение стека», как показано на этом снимке экрана (https://www.screencast.com/t/udA8NZZ1AqsD)
Проблема здесь где-то в коде onTap Gesturedetector
Список снимков экрана по умолчанию PageRoute навигации -> https://www.screencast.com/t/qKZQgaraFi С простым текстом под названием 'test' -> https://www.screencast.com/t/XOxGkANLZEjC Слегка изменено Маршрут страницы навигации -> https://www.screencast.com/t/1F82pyQtQ2v9 Gesturedetector с новым дополнительным кодом -> https://www.screencast.com/t/hRefONV3o Код, передающий данные из firebase -> https://www.screencast.com/t/24gc9zqfxmGX
Ссылка на результат: Результат # 1 -> https://www.screencast.com/t/PmiC5U6S2L Результат # 2 -> https://www.screencast.com/t/udA8NZZ1AqsD
Я пробовал следующее
TRY 1 Пробовал использовать маршрут страницы навигации по умолчанию, и Gesturedetector работает нормально. Обратной стороной является то, что я могу отображать только текст (см. Ссылку выше с простым текстом под названием 'test') и не могу передавать данные с помощью пакета провайдера. дрожание, как показано на этом скриншоте
Страница навигации по умолчанию Маршрут
GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
Navigator.push(context, MaterialPageRoute(builder: (context) => ProductDetail()));
},
)
С простым текстом под названием 'test'
Text(
'test',
style: TextStyle(
fontSize: 35.0,
color: Colors.black45,
fontWeight: FontWeight.w700
),
),
Результат: см. Результат # 1
TRY 2 Пробовал слегка измененный маршрут страницы навигации ( см. ссылку «Слегка измененный маршрут навигационной страницы» выше) вместе с обычным текстом (см. ссылку выше = с простым текстом под названием «тест»)
Navigation PageRoute
GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
Navigator.of(context).push(
MaterialPageRoute (builder: (BuildContext context) {
return ProductDetail();
})
);
},
Просто текст под названием «test»
Text(
'test',
style: TextStyle(
fontSize: 35.0,
color: Colors.black45,
fontWeight: FontWeight.w700
),
),
Результат: см. Результат # 1
TRY 3 Пробовал с новым дополнительным кодом (см. Ссылку выше «Gesturedetector с новым дополнительным кодом» ) вместе с обычным текстом (см. ссылку выше с простым текстом под названием 'test')
Navigation PageRoute
GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
itemNotifier.currentProditem = itemNotifier.itemList[index];
Navigator.of(context).push(
MaterialPageRoute (builder: (BuildContext context) {
return ProductDetail();
})
);
},
),
Просто с простым текстом под названием 'test'
Text(
'test',
style: TextStyle(
fontSize: 35.0,
color: Colors.black45,
fontWeight: FontWeight.w700
),
),
Результат: см. Результат # 2
TRY 4 Пробовал с новым дополнительным кодом (см. Ссылку выше «Gesturedetector с новым дополнительным кодом») вместе с кодом, который передает данные из firebase (см. ссылка выше 'Код, передающий данные из firebase ')
Код, передающий данные из Firebase
Text(
(itemNotifier.currentProditem.price),
style: TextStyle(
fontSize: 35.0,
color: Colors.black45,
fontWeight: FontWeight.w700
),
),
Результат: см. Результат # 2
Мой код
Widget build(BuildContext context) {
ItemNotifier itemNotifier = Provider.of<ItemNotifier>(context);
return new Scaffold(
backgroundColor: Color(0xffdcdcdc),
appBar: new AppBar(
centerTitle: true,
title: new Text(
'Discover Products',
style: TextStyle(
fontSize: 26.0,
fontWeight: FontWeight.w600,
),
),
backgroundColor: Color(0xFF352d5a)
),
body: Padding(
padding: EdgeInsets.only(top: 10.0, bottom: 10.0),
child: ListView.builder(
scrollDirection: Axis.vertical,
shrinkWrap: true,
physics: ClampingScrollPhysics(),
itemCount: itemNotifier.itemList.length == null ? 0 : itemNotifier.itemList.length,
itemBuilder: (BuildContext context, index) {
return GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
itemNotifier.currentProditem = itemNotifier.itemList[index];
Navigator.of(context).push(
MaterialPageRoute (builder: (BuildContext context) {
return ProductDetail();
})
);
// Navigator.push(context, MaterialPageRoute(builder: (context) => ProductDetail()));
},
child: Stack(
children: <Widget>[
Container(
margin: EdgeInsets.fromLTRB(40.0, 5.0, 20.0, 5.0),
height: 140.0,
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20.0),
),
child: Padding(
padding: EdgeInsets.fromLTRB(
100.0, 10.0, 20.0, 20.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Column(
mainAxisAlignment: MainAxisAlignment
.spaceBetween,
crossAxisAlignment: CrossAxisAlignment
.start,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment
.spaceBetween,
children: <Widget>[
Text(
(itemNotifier.itemList[index].price),
style: TextStyle(
fontSize: 24.0,
color: Colors.black45,
fontWeight: FontWeight.w700
),
),
IconButton(
icon: Icon(Icons.favorite),
color: Colors.grey.shade400,
onPressed: () {
setState(() {
print('Go to Favorites');
});
},
),
],
),
Container(
width: 280.0,
child: Text(
(itemNotifier.itemList[index].producttitle),
style: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.bold
),
overflow: TextOverflow.ellipsis,
maxLines: 1,
),
),
SizedBox(
height: 5.0,
),
],
),
Container(
width: 280.0,
child: Text(
(itemNotifier.itemList[index].description),
style: TextStyle(
color: Colors.grey
),
overflow: TextOverflow.ellipsis,
maxLines: 2,
),
),
],
),
),
),
Positioned(
left: 20.0,
top: 15.0,
bottom: 15.0,
child: Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20.0),
boxShadow: [
BoxShadow(
color: Colors.black26,
offset: Offset(0.0, 2.0),
blurRadius: 6.0,
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(20.0),
child: Image(
width: 110.0,
image: AssetImage(
'image'
),
fit: BoxFit.cover,
),
),
),
),
],
)
);
}
),
),
);
}
}