Add support for borderRadius

We already have support for specifying border width and border color on a component. Now we would like to have an ability to specify the border radius which will draw curved edges on the component. The API might look like this:

Row.create(c)
        .child(
            Row.create(c)
                ....)
        .child(
            Text.create(c)
                .text("Sample with border radius")
                .textSizeDip(14))
        .child(
            Row.create(c)
                ....)
        .borderColor(Color.BLUE)
        .borderWidthDip(YogaEdge.BOTTOM, 33)
        .borderRadiusDip(TOPLEFT, 2)
        .borderRadiusDip(TOPRIGHT, 2)
        .build();

Or you can specify one value for all edges something like:

Row.create(c)
       .....
        .borderRadiusDip(ALL, 2)
        .build();

Besides specifying radius in Dip, you should be able to specify it in pixel value, resource attribute, dimension, similar to how borderWidth is defined.

Point of contact: @muraziz

[muraziz]

Yes, Border API supports not only border radius, but also other effects such as dotted, dash, multi-color borders. Entry at docs about this API is coming soon.

[muraziz]

Rounded corner borders are already supported, now you can add border radius like this:

Row.create(c)
  .child(
    Text.create(c)
      .text("Hello Litho")
      .textSizeSp(16))
  .border(
    Border.create(c)
      .widthDip(YogaEdge.ALL, 5)
      .color(YogaEdge.ALL, 0xfff36b7f)
      // We set a corner radius of 10 here
      .cornerEffect(10f)
      .build())
  .build();

See https://fblitho.com/docs/borders