https://github.com/jacobkosmart/trendtube-flutter
Search and view popular Youtube videos with Youtube API in Flutter App
https://github.com/jacobkosmart/trendtube-flutter
flutter getx restapi shared-preferences youtube-api
Last synced: 3 months ago
JSON representation
Search and view popular Youtube videos with Youtube API in Flutter App
- Host: GitHub
- URL: https://github.com/jacobkosmart/trendtube-flutter
- Owner: jacobkosmart
- Created: 2021-11-28T23:56:26.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-11-28T23:57:31.000Z (over 4 years ago)
- Last Synced: 2024-12-28T03:27:48.382Z (over 1 year ago)
- Topics: flutter, getx, restapi, shared-preferences, youtube-api
- Language: Dart
- Homepage:
- Size: 149 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# getx_bottom_nav_sample
The sample of AnimatedBottomNavBar with GetX
## 주요 Package 설명
### 1.url_launcher
> [url_launcher pub.dev](https://pub.dev/packages/url_launcher#url_launcher)
- flutter 에서 인앱, 외부 브라우저로 연길 시켜 주는 플러그인
#### android 설정
build.gradle 파일에서 compileSdkVersion이 30으로 되어있는 경우 웹 앱이 안열리는 경우가 있음
```xml
```
#### iOS 설정
```plist
// in ios/Runner/info.plist
LSApplicationQueriesSchemes
http
https
........
```
#### 적용
```dart
import 'package:url_launcher/url_launcher.dart';
// 비동기로 접속 하고 getx controller 에 연결된 변수 url 을 string 타입으로 연결 해 준다
GestureDetector(
onTap: () async {
await launch(
controller.jacobkoInfo,
// 안드로이드 webview 연결 (인앱)
forceWebView: true,
// iOS Safari webview 연결 (인앱)
forceSafariVC: true,
);
},
child: Text(....),
```
### 2.유튜브 API
> [Youtube API Search list reference](https://developers.google.com/youtube/v3/docs/search/list?hl=ko)
## BottomSheet
components -> bottom_sheet.dart
## Sliver Appbar
- 리스트에서 스크롤시에 AppBar 는 사라지고 다시 scrollUP 하게 되면 AppBar 바로 나타 나는 기능