Wrapping multiple lines of text around inline image

In react-native, I have found topics that say to put <Image> inline, however they want an inline image the same size. I am trying to wrap multiple lines. I used this code and demo - https://snack.expo.dev/@noitidart/wrap-multiple-lines-around-image

import React from 'react';
import { Image, Text, View, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View>
      <Text>
        <Image
          source={{ uri: 'https://via.placeholder.com/100' }}
          style={{
            width: 100,
            height: 100,
          }}
        />
        <Text style={{ flex: 1 }}>
          This is long text it should wrap around the image. Lorem ipsum even
          more haha that's kind of cool. Is this working? It is but it's only keeping the first line of text and then the second line and on are on top of the image.
        </Text>
      </Text>
    </View>
  );
}

However only the first line respects the width of the image left. Here is a screenshot, does anyone know how to make multiple lines wrap?