Custom component not working on android

Get Help
1

Hello,
I made a custom component and published it in private. It works well on web but not on android. On my Pixel 4a, the app crashes when I land on the page which contain the component. On adroid studio, it just doesn’t show (see pictures down below).

expected
expected430×867 120 KB

Expected ^

actual
actual418×865 122 KB

Actual ^
I saw this post but it doesn’t have any replies.
How can I debug this or at least get understandable error messages ?
Thanks

2

Have the same issue with my component

3

I just find out that it’s because of my component’s code. I made a simple Hello world component and it worked so I’m going to check where’s the problem in my code by adding lines until it breaks. It’s the only solution I have for now.

Moreover, mobile-previewer for android studio doesn’t show marketplace/private components for some reason so I’m forced to make an android build everytime I update my component to check on my mobile.

Hope you’ll find a solution as well

4

Please, share the result. I’ve tried the same - the simplest component and it did not work for me.

5

Hello Guys,

I suggest to Submit a Support Ticket!

And maybe Daniel ( @danielcosta ) or other component developers can help here? {Michael (@Michael,Jimmy (@njimmy10 ),James (@James_App_Maker ) } I Apologize for tagging you’ll! :slightly_smiling_face:

Thank you

6 
const DisplayNotifications = (props) => {
    return(
        <View>
             <Text>Hello</Text>
        </View>
    )
}

It’s really that simple I don’t think this will help you :confused:

7

Hello, I already asked and they can’t provide support for private components unfortunately (response below).

image
image1536×315 17.1 KB

8

This is a the basic when creating an adalo component, may i ask what does your component do? Are you using any libraries?

9

I don’t use any libraries.
I have a table named UserNotifications whic contains all the notifications sent to the user. If the notifications are not soft deleted (true/false in table) the component shows them. There is also a button (“Tout masquer” = “Hide all”) which update all the UserNotifications softDeleted property to true.

10

Here’s the code

const DisplayNotifications = (props) => {
  const { listItems } = props;
  console.log(listItems);
  return (
    <View>
      {listItems.length > 0 ? (
        <TouchableOpacity
          style={styles.hide}
          onPress={() => {
            listItems.forEach((i) =>
              i.notification.controlledValue.onChange(true)
            );
          }}
        >
          Tout masquer
        </TouchableOpacity>
      ) : null}
      <FlatList
        data={listItems}
        renderItem={({ item }) => {
          if (item.notification.type === "Texte") {
            return (
              <View>
                <View style={styles.card}>
                  <Text style={styles.title}>{item.notification.title}</Text>
                  <Text style={styles.subtitle}>
                    {item.notification.subtitle}
                  </Text>
                </View>
                <View style={styles.divider}></View>
              </View>
            );
          }
        }}
      />
    </View>
  );
};
11

It was a problem with my styles for the FlatList, and the text in <TouchableOpacity> should be in a <Text> tag :slight_smile:

12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.