How to force dynamically set component down in zIndex

How to / Third Party Tooling
1

I have this component layout shown. KeyboardToolBar comes last, but still shows underneath the Image component. I’d like to make KeyboardToolBar always show on top, but I believe that since Image is added dynamically, after KeyboardToolBar is added, even setting the KeyboardToolBar’s zIndex is not working. What can I do?

<TextInput
  style={styles.txtInput}
  autoFocus={true}
  autoCapitalize="sentences"
  maxLength={140}
  multiline={true}
  placeholder="What's happening"
  placeholderTextColor={primary()}
  onSubmitEditing={Keyboard.dismiss}
  value={messageValue}
  onChangeText={onChangeText}
/>
  {selectedImageUri ? (
    <Image
      source={{ uri: selectedImageUri }}
      style={styles.selectedImageStyle}
    />
  ) : null}
</View>
<KeyboardToolBar
  show={showKeyboardTabBar}
  style={keyboardBarStyle}
  getImageFile={getImageFile}
/>