186 lines
7.2 KiB
Dart
Executable File
186 lines
7.2 KiB
Dart
Executable File
import '/flutter_flow/flutter_flow_theme.dart';
|
|
import '/flutter_flow/flutter_flow_util.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'notifi_model.dart';
|
|
export 'notifi_model.dart';
|
|
|
|
class NotifiWidget extends StatefulWidget {
|
|
const NotifiWidget({super.key});
|
|
|
|
@override
|
|
State<NotifiWidget> createState() => _NotifiWidgetState();
|
|
}
|
|
|
|
class _NotifiWidgetState extends State<NotifiWidget> {
|
|
late NotifiModel _model;
|
|
|
|
@override
|
|
void setState(VoidCallback callback) {
|
|
super.setState(callback);
|
|
_model.onUpdate();
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_model = createModel(context, () => NotifiModel());
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_model.maybeDispose();
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(16.0, 0.0, 16.0, 1.0),
|
|
child: Container(
|
|
width: double.infinity,
|
|
decoration: BoxDecoration(
|
|
color: FlutterFlowTheme.of(context).secondaryBackground,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 0.0,
|
|
color: FlutterFlowTheme.of(context).primaryBackground,
|
|
offset: Offset(
|
|
0.0,
|
|
1.0,
|
|
),
|
|
)
|
|
],
|
|
borderRadius: BorderRadius.circular(12.0),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(16.0, 0.0, 16.0, 0.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
flex: 4,
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(0.0, 12.0, 12.0, 12.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: 44.0,
|
|
height: 44.0,
|
|
decoration: BoxDecoration(
|
|
color: FlutterFlowTheme.of(context).primaryBackground,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(2.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(40.0),
|
|
child: Image.network(
|
|
'https://images.unsplash.com/photo-1474176857210-7287d38d27c6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NTB8fHVzZXJzfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=900&q=60',
|
|
width: 36.0,
|
|
height: 36.0,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
12.0, 0.0, 0.0, 0.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 4.0, 0.0, 0.0),
|
|
child: Text(
|
|
'Andrew Hernandez',
|
|
style: FlutterFlowTheme.of(context)
|
|
.bodyLarge
|
|
.override(
|
|
fontFamily: 'Inter',
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
),
|
|
Text(
|
|
'Jan. 28th, 4:30pm',
|
|
style: FlutterFlowTheme.of(context)
|
|
.labelSmall
|
|
.override(
|
|
fontFamily: 'Inter',
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 4.0, 0.0, 0.0),
|
|
child: Text(
|
|
'@username',
|
|
style: FlutterFlowTheme.of(context)
|
|
.bodySmall
|
|
.override(
|
|
fontFamily: 'Inter',
|
|
color: FlutterFlowTheme.of(context)
|
|
.primary,
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 4.0, 0.0, 0.0),
|
|
child: Text(
|
|
'FlutterFlow is a visual development platform that allows you to easily create beautiful and responsive user interfaces for your mobile and web applications. ',
|
|
style: FlutterFlowTheme.of(context)
|
|
.labelSmall
|
|
.override(
|
|
fontFamily: 'Inter',
|
|
letterSpacing: 0.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0.0, 20.0, 0.0, 0.0),
|
|
child: Container(
|
|
width: 12.0,
|
|
height: 12.0,
|
|
decoration: BoxDecoration(
|
|
color: FlutterFlowTheme.of(context).secondary,
|
|
shape: BoxShape.circle,
|
|
),
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|