91 lines
3.8 KiB
Dart
91 lines
3.8 KiB
Dart
import 'package:antd_mobile/antd_mobile.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_gen/gen_l10n/S.dart';
|
|
import 'package:flutter_vector_icons/flutter_vector_icons.dart';
|
|
import 'package:git_touch/scaffolds/tab_stateful.dart';
|
|
import 'package:git_touch/utils/utils.dart';
|
|
import 'package:git_touch/widgets/app_bar_title.dart';
|
|
import 'package:git_touch/widgets/link.dart';
|
|
import 'package:git_touch/widgets/repo_item.dart';
|
|
import 'package:git_touch/widgets/user_item.dart';
|
|
import 'package:github_trending/github_trending.dart';
|
|
|
|
class GhTrendingScreen extends StatelessWidget {
|
|
static final trending = GithubTrending(prefix: 'https://gtrend.yapie.me');
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TabStatefulScaffold<List>(
|
|
title: AppBarTitle(AppLocalizations.of(context)!.trending),
|
|
tabs: [
|
|
AppLocalizations.of(context)!.repositories,
|
|
AppLocalizations.of(context)!.developers
|
|
],
|
|
fetchData: (tabIndex) async {
|
|
if (tabIndex == 0) {
|
|
return trending.getTrendingRepositories();
|
|
} else {
|
|
return trending.getTrendingDevelopers();
|
|
}
|
|
},
|
|
bodyBuilder: (payload, activeTab) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: (activeTab == 0
|
|
? [
|
|
for (var v in payload.cast<GithubTrendingRepository>())
|
|
RepoItem.gh(
|
|
owner: v.author,
|
|
avatarUrl: v.avatar,
|
|
name: v.name,
|
|
description: v.description,
|
|
starCount: v.stars ?? 0,
|
|
forkCount: v.forks ?? 0,
|
|
primaryLanguageName: v.language,
|
|
primaryLanguageColor: v.languageColor,
|
|
note: '${v.currentPeriodStars} stars today',
|
|
isPrivate: false,
|
|
isFork: false, // TODO:
|
|
)
|
|
]
|
|
: [
|
|
for (var v in payload.cast<GithubTrendingDeveloper>())
|
|
UserItem.github(
|
|
login: v.username,
|
|
name: v.name,
|
|
avatarUrl: v.avatar,
|
|
bio: v.repo == null
|
|
? null
|
|
: LinkWidget(
|
|
url: '/github/${v.username}/${v.repo!.name}',
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(
|
|
Octicons.repo,
|
|
size: 17,
|
|
color: AntTheme.of(context)
|
|
.colorTextSecondary,
|
|
),
|
|
const SizedBox(width: 4),
|
|
Expanded(
|
|
child: Text(
|
|
'${v.username} / ${v.repo!.name}',
|
|
style: TextStyle(
|
|
fontSize: 17,
|
|
color: AntTheme.of(context)
|
|
.colorTextSecondary,
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
))
|
|
],
|
|
),
|
|
),
|
|
)
|
|
])
|
|
.withSeparator(CommonStyle.border),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|