rhoxio

[gray shore]

what does your code look like exactly?

The Appearance API is not really involved here, that's only for web-based Elements.

AFAIK you are supposed to use that component so that you are easily fulfilling the mandate requirements instead of doing it yourself

[austere brook]

The component look like this:

    <View>
      <AuBECSDebitForm
        onComplete={(value) => setFormDetails(value)}
        companyName="Example Company Inc."
        formStyle={{
          textColor: '#000000',
          fontSize: 22,
          placeholderColor: '#999999'
        }}
      />
      <Button 
        title="Save" 
        variant="primary" 
        onPress={handlePayPress} 
      />
    </View>

it's the default one from the tutorial

[gray shore]

ack

[austere brook]

it's wrapped in:

    <>
    <Box styles={styles.missingBox}>
      {renderAddLargeAreas()}     
    </Box>
    <Modal
      animationType="slide"
      visible={showAddBankAccount}
    >
      <Pressable
        style={styles.modalBackground}
        onPress={() => setShowAddBankAccount(false)}
      />
      <Box
        style={{
          zIndex: 2,
          marginTop: -10,
          position: "absolute",
          top: 80,
          left: 20,
          right: 20,
          bottom: 100,
          borderRadius: 20,
        }}
        backgroundColor={"white"}
        paddingVertical={"m"}
        paddingHorizontal={"s"}
      >
        <BecsPaymentForm/>
      </Box>
    </Modal>  
    </>

[gray shore]

what if you just take all the wrapping out and just have <><BecsPaymentForm/></>, does it work then?

[austere brook]

it has the same problem

i originally rendered it on its own page and had the same issue

[gray shore]

ack

[austere brook]

figured it might have been style inheritance, so i put it in the modal

[gray shore]

well I've never used this component or knew it existed before today so I suppose the next step is for me to try it

[austere brook]

wrapped it up and removed default styles

yeah, the main issue is that the elements aren't even interactable

i could probably mess with the styles and get something to work

but it doesnt even seem to respond to touch events even if the button isnt there

[gray shore]

I won't be able to do that while answering other stuff on Discord so for now please write to https://support.stripe.com/?contact=true (in the form pick that you have an API integration question and are a developer) and we'll pick it up. Please share all the code and the exact version of the stripe-react-native library you're using and the device OS and OS version

[austere brook]

ok, i'll do that