How can I remove the bottom margin?

[yamatsum]

              <SignatureScreen
...
                webStyle={`
                .m-signature-pad {
                  flex: 1;
                  box-shadow: none;
                  border-radius: 10px;
                }
                .m-signature-pad--footer {
                  display: none;
                }
                `}
              />

[YanYuanFE]

Is this problem solved?

[yamatsum]

@YanYuanFE Not yet! Is there any solution?

[YanYuanFE]

<View style={styles.box}>
        <SignatureScreen
            ref={ref}
            onOK={handleSignature}
            webStyle={`
                .m-signature-pad {
                  flex: 1;
                  box-shadow: none;
                  border-radius: 10px;
                }
                .m-signature-pad--footer {
                  display: none;
                }
                `}
            backgroundColor={'rgba(255,255,255,0)'}
        />
      </View>

box: {
    backgroundColor: 'green',
    height: 300
  }

you can use a View box with style: height

[glacjay]

height: 100vh;