Привет, я пытаюсь реализовать переход в моем приложении Flutter, но он работает только тогда, когда я устанавливаю TransitionDuration < /code> более высокое значение, например, 600000 мс, он не работает с более низкими значениями, такими как 600 мс-1200 мс и т. Д. < /p>
Вот моя версия Flutter и Dart:
fluth /> Не работая над Android 11,
Работа над Google Pixel 8 API 36 < /p>
Ниже моя реализация на одной странице, так что можно получить полный сценарий.import 'package:flutter/material.dart';
import 'package:animations/animations.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'SharedAxis Test',
debugShowCheckedModeBanner: false,
theme: ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
),
home: FirstPage(),
);
}
}
class FirstPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('First Page')),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.of(context).push(_sharedAxisRoute(SecondPage()));
},
child: Text('Go to Second Page'),
),
),
);
}
Route _sharedAxisRoute(Widget page) {
return PageRouteBuilder(
transitionDuration: const Duration(milliseconds: 600),
reverseTransitionDuration: const Duration(milliseconds: 600),
pageBuilder: (context, animation, secondaryAnimation) => page,
transitionsBuilder: (context, animation, secondaryAnimation, child) {
return SharedAxisTransition(
animation: animation,
secondaryAnimation: secondaryAnimation,
transitionType: SharedAxisTransitionType.horizontal,
child: Material(
color: Colors.transparent,
child: child,
),
);
});
}
}
class SecondPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.deepPurple.shade700,
appBar: AppBar(title: Text('Second Page')),
body: Center(
child: Card(
elevation: 8,
color: Colors.white,
child: Padding(
padding: const EdgeInsets.all(32.0),
child: Text(
'Hello from Page 2',
style: TextStyle(fontSize: 28, color: Colors.black),
),
),
),
),
);
}
}
< /code>
Этот код работает и на DartPad, но не в моей среде. Заранее спасибо
Подробнее здесь: https://stackoverflow.com/questions/796 ... r-duration
Flutter `sharedaxistransition` не работает с более низкой продолжительностью ⇐ Android
Форум для тех, кто программирует под Android
1747591226
Anonymous
Привет, я пытаюсь реализовать переход в моем приложении Flutter, но он работает только тогда, когда я устанавливаю TransitionDuration < /code> более высокое значение, например, 600000 мс, он не работает с более низкими значениями, такими как 600 мс-1200 мс и т. Д. < /p>
Вот моя версия Flutter и Dart:
fluth /> Не работая над Android 11,
Работа над Google Pixel 8 API 36 < /p>
Ниже моя реализация на одной странице, так что можно получить полный сценарий.import 'package:flutter/material.dart';
import 'package:animations/animations.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'SharedAxis Test',
debugShowCheckedModeBanner: false,
theme: ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
),
home: FirstPage(),
);
}
}
class FirstPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('First Page')),
body: Center(
child: ElevatedButton(
onPressed: () {
Navigator.of(context).push(_sharedAxisRoute(SecondPage()));
},
child: Text('Go to Second Page'),
),
),
);
}
Route _sharedAxisRoute(Widget page) {
return PageRouteBuilder(
transitionDuration: const Duration(milliseconds: 600),
reverseTransitionDuration: const Duration(milliseconds: 600),
pageBuilder: (context, animation, secondaryAnimation) => page,
transitionsBuilder: (context, animation, secondaryAnimation, child) {
return SharedAxisTransition(
animation: animation,
secondaryAnimation: secondaryAnimation,
transitionType: SharedAxisTransitionType.horizontal,
child: Material(
color: Colors.transparent,
child: child,
),
);
});
}
}
class SecondPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.deepPurple.shade700,
appBar: AppBar(title: Text('Second Page')),
body: Center(
child: Card(
elevation: 8,
color: Colors.white,
child: Padding(
padding: const EdgeInsets.all(32.0),
child: Text(
'Hello from Page 2',
style: TextStyle(fontSize: 28, color: Colors.black),
),
),
),
),
);
}
}
< /code>
Этот код работает и на DartPad, но не в моей среде. Заранее спасибо
Подробнее здесь: [url]https://stackoverflow.com/questions/79627687/flutter-sharedaxistransition-is-not-working-with-lower-duration[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия