ellecio2/elcaribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

elCaribe app - customization and branding

Browse Source
This commit is contained in:
ellecio2
2025-12-12 19:09:42 -04:00
parent 9e5d0d8ebf
commit ba7deac9f3
402 changed files with 31833 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
news-app/lib/ui/screens/HomePage/Widgets/LiveWithSearchView.dart Normal file
View File

@@ -0,0 +1,145 @@
import 'package:flutter/material.dart';
import 'package:news/ui/screens/auth/Widgets/svgPictureWidget.dart';
import 'package:shimmer/shimmer.dart';
import 'package:news/app/routes.dart';
import 'package:news/utils/uiUtils.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:news/cubits/themeCubit.dart';
import 'package:news/ui/styles/appTheme.dart';
import 'package:news/cubits/liveStreamCubit.dart';
import 'package:news/ui/widgets/customTextLabel.dart';
import 'package:news/cubits/appSystemSettingCubit.dart';
class LiveWithSearchView extends StatefulWidget {
const LiveWithSearchView({super.key});
@override
LiveWithSearchState createState() => LiveWithSearchState();
}
class LiveWithSearchState extends State<LiveWithSearchView> {
Widget liveWithSearchView() {
return BlocBuilder<LiveStreamCubit, LiveStreamState>(
bloc: context.read<LiveStreamCubit>(),
builder: (context, state) {
if (state is LiveStreamFetchSuccess) {
return Padding(
padding: const EdgeInsets.only(top: 10.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
// Logo Caribe
Container(
decoration: BoxDecoration(shape: BoxShape.circle, color: UiUtils.getColorScheme(context).surface),
height: 60,
width: 60,
child: Center(
child: SvgPictureWidget(assetName: "logo_caribe", height: 40.0, width: 40.0),
)),
const SizedBox(width: 10),
// Search bar
Expanded(
child: InkWell(
child: Container(
alignment: Alignment.centerLeft,
height: 60,
decoration: BoxDecoration(borderRadius: BorderRadius.circular(30.0), color: UiUtils.getColorScheme(context).surface),
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Padding(
padding: const EdgeInsetsDirectional.only(start: 10.0),
child: Icon(Icons.search_rounded, color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
Padding(
padding: const EdgeInsetsDirectional.only(start: 10.0),
child: CustomTextLabel(text: 'searchHomeNews', maxLines: 3, textStyle: TextStyle(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)))),
],
),
)),
onTap: () {
Navigator.of(context).pushNamed(Routes.search);
},
)),
if (state.liveStream.isNotEmpty && context.read<AppConfigurationCubit>().getLiveStreamMode() == "1")
Padding(
padding: const EdgeInsetsDirectional.only(start: 10.0),
child: InkWell(
child: Container(
decoration: BoxDecoration(shape: BoxShape.circle, color: UiUtils.getColorScheme(context).surface),
height: 60,
width: 60,
child: Center(
child: SvgPictureWidget(assetName: (context.read<ThemeCubit>().state.appTheme == AppTheme.Dark ? "live_news_dark" : "live_news"), height: 30.0, width: 54.0),
)),
onTap: () {
Navigator.of(context).pushNamed(Routes.live, arguments: {"liveNews": state.liveStream});
},
))
],
));
}
if (state is LiveStreamFetchFailure) {
return Padding(
padding: const EdgeInsets.only(top: 10),
child: Row(
children: [
// Logo Caribe
Container(
decoration: BoxDecoration(shape: BoxShape.circle, color: UiUtils.getColorScheme(context).surface),
height: 60,
width: 60,
child: Center(
child: SvgPictureWidget(assetName: "logo_caribe", height: 40.0, width: 40.0),
)),
const SizedBox(width: 10),
// Search bar
Expanded(
child: InkWell(
child: Container(
alignment: Alignment.centerLeft,
height: 60,
decoration: BoxDecoration(borderRadius: BorderRadius.circular(30.0), color: UiUtils.getColorScheme(context).surface),
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
Padding(padding: const EdgeInsetsDirectional.only(start: 10.0), child: Icon(Icons.search_rounded, color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
Padding(
padding: const EdgeInsetsDirectional.only(start: 10.0),
child: CustomTextLabel(text: 'searchHomeNews', maxLines: 3, textStyle: TextStyle(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
),
],
),
)),
onTap: () {
Navigator.of(context).pushNamed(Routes.search);
},
),
),
],
),
);
}
return shimmerData(); //state is LiveStreamFetchInProgress || state is LiveStreamInitial
});
}
Widget shimmerData() {
return Shimmer.fromColors(
baseColor: Colors.grey.withOpacity(0.6),
highlightColor: Colors.grey,
child: Container(
height: 60,
margin: const EdgeInsets.only(top: 15),
width: double.maxFinite,
padding: const EdgeInsets.only(left: 10.0, right: 10.0),
decoration: BoxDecoration(borderRadius: BorderRadius.circular(30), color: Colors.grey.withOpacity(0.6))));
}
@override
Widget build(BuildContext context) {
return liveWithSearchView();
}
}