The Dialog.Title disappears on android with dark mode ON

[nimeshmaharjan1]

Platforms

Only on Android

Versions

• "expo": "~50.0.13",
• "react-native-dialog": "^9.3.0",
• "react-native": "0.73.5",
• "react": "18.2.0",

Reproducible Demo

change the appearance to dark mode

   <Dialog.Container
                    onBackdropPress={() => setShowDeleteDialog(false)}
                    visible={showDeleteDialog}
                  >
                    <Dialog.Title>Delete Request</Dialog.Title>
                    <Dialog.Description>
                      Are you sure you want to delete this material request?
                    </Dialog.Description>
                    <Dialog.Button
                      onPress={() => setShowDeleteDialog(false)}
                      label="Cancel"
                    ></Dialog.Button>
                    <Dialog.Button
                      onPress={() =>
                        deleteMutation.mutate(query.data.payload.id)
                      }
                      label="Delete"
                    ></Dialog.Button>
                  </Dialog.Container>

[WeeJeWel]

+1, but also happens without dark mode in my simulator.

[barrettpyke]

You can resolve this by applying color directly to the title like... <Dialog.Title style={Platform.OS === 'android' ? { color: 'black' } : {}}>Test Input</Dialog.Title>

EDIT: Same thing happens with Dialog.Input text and can be resolved by same styling as above

[andreasbroch2]

+1. The applying color directly works fine though.