如何在Flutter中定义Custom BorderRadius类？

问题描述

为使设计标准化，避免错误并减少构建时间， 我正在尝试定义一个BorderRadius类，该类使用一个double corner值作为参数，以便可以在整个应用程序的许多地方使用

我在定义类构造函数时遇到很多错误，在这里真的找不到解决方法

import 'package:Flutter/material.dart';

class Borderz extends BorderRadius{
  final BorderRadius enBorderz;
  final double corner;
  static const double zeroCorner =  0.0,const Borderz({
    @required this.corner,this.enBorderz = BorderRadius.only(
              topLeft: Radius.circular(corner),topRight: Radius.circular(corner),bottomLeft: Radius.circular(corner),bottomright: Radius.circular(zeroCorner),)
}) : super(zeroCorner : zeroCorner)
}

此代码中的一些严重的基本错误使我感到尴尬，感谢您的帮助

解决方法

您可以在下面复制粘贴运行完整代码
您可以直接致电super.only，而无需使用enBorderz

class Borderz extends BorderRadius {
  final double corner;
  static const double zeroCorner = 0.0;

  Borderz({
    @required this.corner,}) : super.only(
          topLeft: Radius.circular(corner),topRight: Radius.circular(corner),bottomLeft: Radius.circular(corner),bottomRight: Radius.circular(zeroCorner),);
}
...
Container(
      width: 100,height: 100,child: Center(
        child: Text(
          'test',),decoration: BoxDecoration(
        borderRadius: Borderz(corner: 10.0),color: Colors.blue,

工作演示

完整代码

import 'package:flutter/material.dart';

class Borderz extends BorderRadius {
  final double corner;
  static const double zeroCorner = 0.0;

  Borderz({
    @required this.corner,);
}

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',theme: ThemeData(
        primarySwatch: Colors.blue,visualDensity: VisualDensity.adaptivePlatformDensity,home: MyHomePage(title: 'Flutter Demo Home Page'),);
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
            Container(
              width: 100,child: Center(
                child: Text(
                  'test',decoration: BoxDecoration(
                borderRadius: Borderz(corner: 10.0),Text(
              'You have pushed the button this many times:',Text(
              '$_counter',style: Theme.of(context).textTheme.headline4,],floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,tooltip: 'Increment',child: Icon(Icons.add),);
  }
}