import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:location/ui/widget/nav.dart';
import 'package:location/utils/ui_constant.dart';


void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '功能试用',
      theme: ThemeData(primaryColor: Color(0xFFF5F5F5)),
      home: TryFunctionsPage(title: ''),
    );
  }
}

class TryFunctionsPage extends StatefulWidget {
  TryFunctionsPage({Key? key, required this.title}) : super(key: key);

  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.

  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".

  final String title;

  @override
  _TryFunctionsPageState createState() => _TryFunctionsPageState();
}

class _TryFunctionsPageState extends State<TryFunctionsPage>
    with SingleTickerProviderStateMixin {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Color(0xFFB4E4FF),
        body: Container(
            child: Flex(
          direction: Axis.vertical,
          children: [
            TopNavBar(title: "功能试用"),
            Expanded(
                child: Container(
              padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
              child: Flex(
                direction: Axis.vertical,
                children: [
                  Expanded(
                    child: Center(
                      child: Container(
                        constraints: BoxConstraints(maxHeight: 500),
                        child: Flex(
                          direction: Axis.vertical,
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Container(),
                            Image.asset(
                              "assets/images/common/icon_try_functions_logo.png",
                              height: 171,
                            ),
                            Container(
                              height: 23,
                            ),
                            Text.rich(TextSpan(
                              children: <TextSpan>[
                                TextSpan(text: '观看广告可获得VIP功能'),
                                TextSpan(
                                    text: '3',
                                    style: TextStyle(
                                        fontWeight: FontWeight.bold,
                                        fontSize: 30)),
                                TextSpan(text: '天试用'),
                              ],
                              style: TextStyle(
                                  color: ColorConstant.theme, fontSize: 15),
                            )),
                            Container(
                              height: 5,
                            ),
                            Text(
                              "每个ID仅能试用1次",
                              style: TextStyle(
                                  fontSize: 12, color: Color(0xFF999999)),
                            )
                          ],
                        ),
                        decoration: BoxDecoration(
                            color: Color(0xFFF9EED5),
                            borderRadius: BorderRadius.circular(10)),
                      ),
                    ),
                  ),
                  Container(
                      alignment: Alignment.center,
                      child: InkWell(
                        onTap: () {
                          print("watch ad");
                        },
                        child: Container(
                          height: 55,
                          decoration: BoxDecoration(
                              color: Colors.white,
                              borderRadius: BorderRadius.only(
                                topLeft: Radius.circular(10),
                                topRight: Radius.circular(10),
                              )),
                          child: Flex(
                            direction: Axis.horizontal,
                            mainAxisAlignment: MainAxisAlignment.center,
                            crossAxisAlignment: CrossAxisAlignment.center,
                            children: [
                              Image.asset(
                                "assets/images/common/icon_btn_watch_ad.png",
                                height: 16,
                              ),
                              Text(
                                " 看广告",
                                style: TextStyle(
                                    color: ColorConstant.theme, fontSize: 15),
                              )
                            ],
                          ),
                        ),
                      )),
                ],
              ),
            ))
          ],
        )));
  }
}