如何用颤动创建复杂的飞溅屏幕？

Question

我正在寻找一种创建更复杂的飞溅屏幕的方法，而不是图标和背景色（对于Android）。我如何通过编辑启动屏幕板文件来为iOS实现这一目标，但是如何为Android做到这一点？

我正在寻找类似的东西：

如您所见，不仅背景和一个图像，底部也有文本。 提前致谢。

Answer 1

UI设计用于飞溅屏幕。 如果您需要在应用程序上实现splash屏幕，请在main.dart文件中添加此代码。

class StackOverFlow extends StatefulWidget {
  const StackOverFlow({Key? key}) : super(key: key);

  @override
  State<StackOverFlow> createState() => StackOverFlowState();
}

class StackOverFlowState extends State<StackOverFlow> {


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color.fromRGBO(206,37,37,1),
      body: bodyWidget(),
      bottomSheet: bottomSheetWidget(),
    );
  }

 Widget bodyWidget() {
    return Column(
      children: [
        SizedBox(height: MediaQuery.of(context).size.height/5),
        Center(
          child: Container(
            constraints: const BoxConstraints(
              minHeight: 200.0,
              maxHeight: 200.0,
              minWidth: 200.0,
              maxWidth: 300.0,
            ),
            decoration: const BoxDecoration(
              color: Colors.transparent,
              image: DecorationImage(
                image: AssetImage('assets/eagle.png'),
                fit: BoxFit.fill,
              ),
            ),
          ),
        ),
      ],
    );
 }

  Widget bottomSheetWidget() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: const [
        Padding(
          padding: EdgeInsets.only(bottom: 30.0),
          child: Text.rich(
            TextSpan(
              children: [
                TextSpan(
                  text: 'powered by  ',
                  style: TextStyle(
                    color: Color.fromRGBO(215, 215, 215, 1.0),
                    fontStyle: FontStyle.normal,
                    fontWeight: FontWeight.w100,
                    fontSize: 9.0,
                  ),
                ),
                TextSpan(
                  text: '❤ ',
                  style: TextStyle(
                    color: Color.fromRGBO(255, 255, 255, 1.0),
                    fontStyle: FontStyle.normal,
                    fontWeight: FontWeight.w500,
                    fontSize: 20.0,
                  ),
                ),
                TextSpan(
                  text: 'MEO ',
                  style: TextStyle(
                    color: Color.fromRGBO(255, 255, 255, 1.0),
                    fontStyle: FontStyle.normal,
                    fontWeight: FontWeight.w500,
                    fontSize: 17.0,
                  ),
                ),
                TextSpan(
                  text: 'Wallet',
                  style: TextStyle(
                    color: Color.fromRGBO(215, 215, 215, 1.0),
                    fontStyle: FontStyle.normal,
                    fontWeight: FontWeight.w500,
                    fontSize: 13.0,
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}

您可以根据需要更改图像和图标... i.sstatic.net/27nmr.png“ rel =“ nofollow noreferrer”>