huixiang_app/lib/home/founder_story_page.dart

import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/utils/MyPainter.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/my_appbar.dart';
import 'package:huixiang/view_widget/separator.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class FounderStoryPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _FounderStoryPage();
  }
}

class _FounderStoryPage extends State<FounderStoryPage> {
  var controller = new ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(
        background: Color(0xFFFFFFFF),
        leadingColor: Colors.black,
        title: S.of(context).guanyuchuangshiren,
        titleColor: Colors.black,
        titleSize: 18.sp,
      ),
      body: Container(
        child: SingleChildScrollView(
          physics: BouncingScrollPhysics(),
          child: Column(
            children: [
              Container(
                // margin: EdgeInsets.only(bottom: 20),
                padding: EdgeInsets.only(
                  left: 32.w, right: 32.w, top: 24.h,
                ),
                decoration: BoxDecoration(
                  color: Colors.white,
                  boxShadow: [
                    BoxShadow(
                        color: Colors.black.withAlpha(12),
                        offset: Offset(0, 2),
                        blurRadius: 14,
                        spreadRadius: 0,
                    ),
                  ],
                ),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Image.asset(
                      "assets/image/icon_story_bj.webp",
                      alignment: Alignment.center,
                    ),
                    SizedBox(
                      height: 16,
                    ),
                    Text(
                      "关于创始人",
                      style: TextStyle(
                        fontSize: 24.sp,
                        color: Color(0xff565656),
                      ),
                    ),
                    SizedBox(
                      height: 18.h,
                    ),
                    Container(
                      width: double.infinity,
                      child: Stack(
                        children: [
                          RichText(
                              textAlign: TextAlign.start,
                              text: TextSpan(
                                text:
                                    "1993年，台胞李旭清在台湾创建“海峡姐妹”团队，吸引包括蔡三益在内的30余位伙伴加入。"
                                    "他们致力于实践自然生态农耕，创造与环境共存共荣的绿色发展模式。经过多年探索，形成三产融合的完整产业链和成熟运营模式。",
                                style: TextStyle(
                                    color: Color(0xFF1A1A1A),
                                    fontSize: 12.sp,
                                    fontWeight: MyFontWeight.regular,
                                    height: 1.5,
                                ),
                              ),
                          ),
                          Padding(
                            padding: EdgeInsets.only(top: 50.h),
                            child: Align(
                              alignment: Alignment.bottomRight,
                              child: Image.asset(
                                "assets/image/icon_story_1.webp",
                                width: 222.w,
                                height: 52.h,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    SizedBox(
                      height: 16.h,
                    ),
                    RichText(
                        text: TextSpan(
                      text:
                          "2018年在台湾生活了五十七年的李旭清女士决定回到父亲的家乡湖北寻根。在这里为了延续台湾回乡的经验，李姐在湖北武汉创立了,与此同行的还有李姐的两个女儿。"
                          "为了推广更多的好食物，让更多的人参与到环境保护中，海峡姐妹遇到了知音，在大力支持下，“海峡姐妹餐饮诞生了!",
                      style: TextStyle(
                          color: Color(0xFF1A1A1A),
                          fontSize: 12.sp,
                          fontWeight: MyFontWeight.regular,
                          height: 1.5.h,
                      ),
                    ),
                    ),
                    Image.asset(
                      "assets/image/icon_story_2.webp",
                      alignment: Alignment.centerRight,
                    ),
                    SizedBox(
                      height: 16.h,
                    ),
                    Image.asset(
                      "assets/image/laoban.webp",
                      fit: BoxFit.cover,
                      width: double.infinity,
                      height: 228.h,
                    ),
                    SizedBox(
                      height: 50.h,
                    ),
                    Image.asset(
                      "assets/image/icon_story_bj.webp",
                      alignment: Alignment.center,
                    ),
                    SizedBox(
                      height: 16.h,
                    ),
                    Text("回乡之路",
                        style: TextStyle(
                            fontSize: 24.sp,
                            fontWeight: MyFontWeight.regular,
                            color: Color(0xff565656),
                        ),
                    ),
                    SizedBox(
                      height: 20,
                    ),
                    _textWidget("1994年，为推广生机饮食，在台中逢甲大学开台湾第一家「青青小镇」自然蔬食餐厅。"),
                    _textWidget(
                        "1997年，为了实践减碳生活，邀约一群大学应届毕业生共同生活彼此学习，落实自然饮食新生活,开始推动有机小铺与小区讲座的教育推广模式。"),
                    _textWidget(
                        "2000年 为推广自然饮食概念，及照顾有机农民，开始做保价保证，成立「甘露自然蔬食餐厅」。"),
                    _textWidget(
                        "2005年，不忍农村凋零、土地被农药化肥毒化，带领年轻伙伴回乡购地，成立「回乡有机生活农场」，实践自然生态农耕，以复育生态、改良土壤为目的，创造一个与万物和谐共生的农耕模式。"),
                    Padding(
                      padding: EdgeInsets.only(bottom: 20.h, left: 18.w),
                      child: Text("…",
                          style: TextStyle(
                              fontSize: 16.sp,
                              fontWeight: MyFontWeight.regular,
                              color: Color(0xff565656),
                          ),
                      ),
                    ),
                    _textWidget("2019年，在武汉成立湖北海峡姐妹餐饮有限公司。"
                        "成为百年川椒火锅（光谷店）运营方，通过“素食煮义”和“蔬食之力”推广有机永续美好生活，"
                        "打造“新国民火锅”。在“未来之光”和“创意天地”开设的「海峡姐妹」茶吧，坚持纯天然的食材，"
                        "推动茶饮与健康养生同时兼具的新茶饮文化。"),
                    _textWidget("2019年，在武汉江夏成立旭清回乡生态农业发展有限公司，"
                        "在山坡街拥有1200亩农业生产基地，"
                        "将台湾实践多年并有成功经验的生态农法, 天然食品加工技术, 农业旅游输出落地。"),
                    Image.asset(
                      "assets/image/icon_story_bj.webp",
                      alignment: Alignment.center,
                    ),
                    SizedBox(
                      height: 16.h,
                    ),
                    Text("早期团队",
                        style: TextStyle(
                            fontSize: 24.sp,
                            fontWeight: MyFontWeight.regular,
                            color: Color(0xff565656),
                        ),
                    ),
                    SizedBox(
                      height: 26.h,
                    ),
                    Image.asset(
                      "assets/image/icon_story_td.webp",
                      fit: BoxFit.cover,
                      width: double.infinity,
                      height: 228.h,
                    ),
                    SizedBox(
                      height: 24.h,
                    ),
                    Padding(
                      padding: EdgeInsets.only(
                        top: 10.h,
                      ),
                      child: MySeparator(
                        width: 5.w,
                        height: 2.h,
                        color: Color(0xFF32A060),
                      ),
                    ),
                    SizedBox(
                      height: 17.h,
                    ),
                    Container(
                      margin: EdgeInsets.only(bottom: 20.h),
                      padding: EdgeInsets.all(12),
                      decoration: BoxDecoration(
                        color: Color(0xff32A060),
                        boxShadow: [
                          BoxShadow(
                              color: Colors.black.withAlpha(12),
                              offset: Offset(0, 2),
                              blurRadius: 14,
                              spreadRadius: 0,
                          ),
                        ],
                      ),
                      child: RichText(
                          text: TextSpan(
                        text:
                            "回乡有机团队（早期照片），当年，他们也都是企业高管、IT精英、大学毕业生。日出而作，日落而息，结婚生子，"
                            "子女们一起玩耍，上学读书。转眼间，孩子们都已长大，有些大学毕业后也加入了“回乡”。",
                        style: TextStyle(
                            color: Colors.white,
                            fontSize: 12.sp,
                            fontWeight: MyFontWeight.regular,
                            height: 1.5.h,
                        ),
                      ),
                      ),
                    ),
                    Padding(
                      padding: EdgeInsets.only(
                        top: 10.h,
                      ),
                      child: MySeparator(
                        width: 5.w,
                        height: 2.h,
                        color: Color(0xFF32A060),
                      ),
                    ),
                    SizedBox(
                      height: 27.h,
                    ),
                    Text(
                        "传递理念",
                        style: TextStyle(
                            fontSize: 24.sp,
                            fontWeight: MyFontWeight.regular,
                            color: Color(0xff565656),
                        ),
                    ),
                    SizedBox(
                      height: 20.h,
                    ),
                    Row(
                      children: [
                        _ideaWidget("友爱", "assets/image/icon_idea_ya.webp"),
                        _ideaWidget("纯净", "assets/image/icon_idea_cj.webp"),
                        _ideaWidget("健康", "assets/image/icon_idea_jk.webp"),
                      ],
                    ),
                    SizedBox(
                      height: 20.h,
                    ),
                    Row(
                      children: [
                        _ideaWidget("有机", "assets/image/icon_idea_yj.webp"),
                        _ideaWidget("环保", "assets/image/icon_idea_hb.webp"),
                        _ideaWidget("智慧", "assets/image/icon_idea_zh.webp"),
                      ],
                    ),
                    SizedBox(
                      height: 42.h,
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _textWidget(var text) {
    return Padding(
      padding: EdgeInsets.only(bottom: 20.h),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            "●",
            style: TextStyle(
              fontSize: 10.sp,
              color: Color(0xff32A060),
            ),
          ),
          SizedBox(
            width: 5.w,
          ),
          Expanded(
              child: Text(text,
                  style: TextStyle(
                      fontSize: 12.sp,
                      fontWeight: MyFontWeight.regular,
                      color: Colors.black,
                  ),
              ),
          ),
        ],
      ),
    );
  }

  Widget _ideaWidget(var text, String img) {
    return Expanded(
      flex: 1,
      child: Stack(
        alignment: Alignment.center,
        children: [
          Container(
            width: 63.w,
            height: 63.h,
            child: Stack(
              alignment: Alignment.center,
              children: [
                Align(
                  child: CircleAvatar(
                    child: Image.asset(img),
                    radius: 100,
                  ),
                ),
                Text(
                  text,
                  style: TextStyle(
                      fontSize: 18.sp,
                      fontWeight: MyFontWeight.light,
                      color: Colors.white,
                  ),
                ),
              ],
            ),
          ),
          Container(
            width: 73.w,
            height: 73.h,
            child: CustomPaint(
              painter: MyPainter(
                  lineColor: Color(0xff32A060),
                  width: 2.w,
                  isDividerRound: true,
              ),
            ),
          ),
        ],
      ),
    );
  }

}