mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.6 KiB
63 lines
1.6 KiB
// Copyright 2023 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:extra_alignments/extra_alignments.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
|
|
import '../assets.dart';
|
|
import '../common/ui_scaler.dart';
|
|
import '../styles.dart';
|
|
|
|
class TitleScreenUi extends StatelessWidget {
|
|
const TitleScreenUi({
|
|
super.key,
|
|
});
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 40, horizontal: 50),
|
|
child: Stack(
|
|
children: [
|
|
/// Title Text
|
|
TopLeft(
|
|
child: UiScaler(
|
|
alignment: Alignment.topLeft,
|
|
child: _TitleText(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _TitleText extends StatelessWidget {
|
|
const _TitleText();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Gap(20),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Transform.translate(
|
|
offset: Offset(-(TextStyles.h1.letterSpacing! * .5), 0),
|
|
child: Text('OUTPOST', style: TextStyles.h1),
|
|
),
|
|
Image.asset(AssetPaths.titleSelectedLeft, height: 65),
|
|
Text('57', style: TextStyles.h2),
|
|
Image.asset(AssetPaths.titleSelectedRight, height: 65),
|
|
],
|
|
),
|
|
Text('INTO THE UNKNOWN', style: TextStyles.h3),
|
|
],
|
|
);
|
|
}
|
|
}
|