Реагирующий образ в машинном коде не появляется, но занимает место. Это файл в файловой системе телефона, а НЕ фотопленка. Это продукт response-native-image-editor.
Пробовал использовать путь с префиксом 'file: //' и без него. Прекрасно работает на android. Если я возьму uri из симулятора IOS и вставлю его в chrome, появится изображение. Использование изображений из Интернета тоже не работает, что заставляет меня думать, что это как-то связано со стилем.
const ImageAnalysis = (props) => {
const windowWidth = useWindowDimensions().width;
console.log(props.source);
const imageSource = props.source;
// const imagey = require(props.source.uri);
const realPath =
Platform.OS === 'ios'
? imageSource.uri.replace('file://', '')
: imageSource.uri;
console.log(realPath);
console.log(windowWidth);
return (
<View
style={{
flex: 2,
flexDirection: 'row',
borderBottomColor: colors.BrinkPink,
// backgroundColor: colors.RoyalPurple,
borderBottomWidth: 1,
}}>
<Image
source={{uri: props.source.uri}}
resizeMode="contain"
style={{
// position: 'relative',
height: windowWidth / 3,
width: windowWidth / 3,
borderRadius: windowWidth / 3,
margin: windowWidth / 12,
alignSelf: 'center',
}}
/>