Слияние кода завершено, страница обновится автоматически
Клон приложения Douyin на Flutter. Основная функциональность включает просмотр видео.
# Структура проекта
Зависимости:
# Библиотека анимаций (кажется, не используется после обновления)
flutter_spinkit: ^4.1.2
# Видеоплеер от Bilibili
fijkplayer: ^0.8.3
# Основной прозрачный анимированный эффект при нажатии
tapped: any
# Безопасное получение значений из map
safemap: any
Основные файлы:
./lib
├── main.dart
├── mock
│ └── video.dart # Виртуальные данные
├── other
│ └── bottomSheet.dart # Изменение высоты системного BottomSheet
├── pages
│ ├── cameraPage.dart # Страница съемки (без реальной функциональности)
│ ├── followPage.dart # . . .
│ ├── homePage.dart # Главная страница, содержащая реальные функции tikTokScaffold
│ ├── msgDetailListPage.dart # . . .
│ ├── msgPage.dart # . . .
│ ├── searchPage.dart # . . .
│ ├── todoPage.dart # . . .
│ ├── userDetailPage.dart # . . .
│ ├── userPage.dart # . . .
│ └── walletPage.dart # . . .
├── style
│ ├── style.dart # Глобальные размеры и цвета текста
│ └── text.dart # Основные стили текста
└── views
├── backButton.dart # Компонент кнопки возврата iOS-стиля
├── loadingButton.dart # Кнопка, которая может быть настроена на анимацию загрузки
├── selectText.dart # Текст, который можно настроить как "выбранное" или "не выбранное"
├── tikTokCommentBottomSheet.dart # Компонент подложки комментариев в стиле TikTok
├── tikTokHeader.dart # Компонент верхней панели переключения в стиле TikTok
├── tikTokScaffold.dart # Основной компонент TikTok, который упаковывает жесты и переключения, но не содержит UI-контента
├── tikTokVideo.dart
# Компонент стиля видео TikTok, не содержит видео-плеера
├── tikTokVideoButtonColumn.dart # Компонент колонки кнопок, расположенных справа от видео TikTok
├── tikTokVideoGesture.dart # Компонент двойного нажатия для лайка в стиле TikTok
├── tikTokVideoPlayer.dart # Страница воспроизведения видео с классом управления VideoListController
├── tiktokTabBar.dart # Компонент нижней панели переключения в стиле TikTok
├── tilTokAppBar.dart # Компонент верхней панели приложения в стиле TikTok
├── topToolRow.dart # Верхняя панель состояния пользователя, скрывающая кнопку возврата при переключении на страницу пользователя
└── userMsgRow.dart # Компонент стиля одной строки данных пользователя
```# Заключение```Код для горизонтального свайпа был взят из проекта https://github.com/ditclear/tiktok_gestures, за что хотелось бы выразить благодарность автору.
# Поддержать проект
Я уверен, что код данного проекта поможет вам в коммерческих проектах. Если вы получили пользу от этого проекта, поддержите меня, пригласив на кофе:

Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )