Toastify Message showed behind React-Native Full Width Modal about toastify-react-native HOT 6 OPEN

      <Modal>
         <View
            style={{
              width: '100%',
              height: '100%',
              backgroundColor: 'white',
            }}
        >
          <View>
              <Image source={ModalImg} alt='' style={styles.modalImg} />
          </View>
          <View>
            <View style={styles.searchView}>
              <View style={styles.buttonStyleX}>
                <Text style={styles.modalText}>Device ID</Text>
                <Input
                    variant='outline'
                    placeholder='_x_x_x_x_'
                    onChangeText={(value) => setMachineName(value)}
                    style={{
                        height: 50,
                        fontSize: 20,
                        color: 'black',
                        fontFamily: 'sans-serif',
                    }}
                />
              </View>
              <View style={styles.buttonStyleX}>
                <Text style={styles.modalText}>Nickname</Text>
                <Input
                    variant='outline'
                    placeholder='bleach, soap, water, etc...'
                    onChangeText={(value) => setNickName(value)}
                    style={{
                        height: 50,
                        fontSize: 20,
                        color: 'black',
                        fontFamily: 'sans-serif',
                    }}
                />
              </View>
            </View>
          </View>
          <View style={styles.CaptionText}>
            <View
              style={{
                  marginTop: 20,
                  marginLeft: 20,
                  marginRight: 20,
                  display: 'flex',
                  flexDirection: 'row',
                  justifyContent: 'center',
                  gap: 40,
              }}
            >
              <Pressable onPress={addValve}>
                  <Text style={styles.buttonStyle}>Add</Text>
              </Pressable>
              <Pressable onPress={formatValues}>
                  <Text style={styles.buttonStyle}>Close</Text>
              </Pressable>
            </View>
          </View>
        </View>
        <ToastManager 
           width={307}
           height={58}
           animationStyle="rightInOut"
           duration={2000}
        />
    </Modal>

<Modal>
// So you should use the ToastManager in provider and also here inside the Modal as well, use ToastManager like this, because to show the toast over the modal it should be provded as its children as well.
<ToastManager 
        width={307}
        height={58}
        animationStyle="rightInOut"
        duration={2000}
    />
</Modal>