1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/wzh187-flutter_tiktok

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

flutter_tiktok

Клон приложения Douyin на Flutter. Основная функциональность включает просмотр видео.

Реализованные функции

  • Вертикальный скролл для просмотра видео, видео автоматически загружают свои обложки
  • Горизонтальный скролл для поиска и перехода в личный кабинет
  • Двойной тап для лайка и появления сердечек
  • Просмотр комментариев
  • Смена нижнего таб-меню

Скриншоты приложения

Скриншот 1# Структура проекта

Зависимости:

   # Библиотека анимаций (кажется, не используется после обновления)
   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, за что хотелось бы выразить благодарность автору.

# Поддержать проект

Я уверен, что код данного проекта поможет вам в коммерческих проектах. Если вы получили пользу от этого проекта, поддержите меня, пригласив на кофе:

![Пригласить на кофе](./pay.png)

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Высокоточный аналог Douyin на Flutter (открытый исходный код) Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/wzh187-flutter_tiktok.git
git@api.gitlife.ru:oschina-mirror/wzh187-flutter_tiktok.git
oschina-mirror
wzh187-flutter_tiktok
wzh187-flutter_tiktok
master