нарисовать пользовательскую нижнюю панель приложения с флаттером художника - PullRequest
Новая
       75

нарисовать пользовательскую нижнюю панель приложения с флаттером художника

2 голосов
/ 22 января 2020

Я хочу создать пользовательскую нижнюю панель приложения с CustomPainter во флаттере: я уже пробовал приведенный ниже код, но не дал мне желаемого результата:

Я хочу что-то вроде этого: radius контейнер

из моего виджета контейнера: 

Container(
    height: ConfigSize.screenHeight * 0.15,
    width: ConfigSize.screenWidth,
    decoration: BoxDecoration(
      color: CustomColor.white,
      borderRadius: BorderRadius.vertical(
        top: Radius.circular(CustomRadius.appbarradius),
      ),
    ),
  ),

import 'package:flutter/material.dart';

class Chevron extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    var paint = Paint();
    paint.color = Colors.white;
    Path path = Path();
    path.moveTo(0, size.height * 0.5);

    path.quadraticBezierTo(0, size.height * 0.15, size.width * 0.2, 0);

    path.lineTo(size.width * 0.36, 0);

    path.quadraticBezierTo(
        size.width * 0.5, size.height * 0.95, size.width * 0.65, 0);
    path.quadraticBezierTo(size.width*0.99, 0, size.width, size.height * 0.65);
    //path.lineTo(size.width, 0);
    path.lineTo(size.width, size.height);
    path.lineTo(0, size.height);
    path.close();

    canvas.drawPath(path, paint);
  }

      @override
      bool shouldRepaint(CustomPainter oldDelegate) => false;
    }

Уведомление : я хочу, чтобы пользовательский контейнер был похож изображение с пользовательским художником без использования виджета BottomAppBar или FloatingActionButton

...