Why is the Skia image not displaying the same as the original image?

[ralph1233]

`import {SafeAreaView, View, Image as RNImage, Text} from 'react-native';
import {Canvas, Image as SkiaImage, useImage} from '@shopify/react-native-skia';

const Test = () => {
const skiaImage = useImage(require('../../assets/images/human.jpeg'));

return (
<SafeAreaView
style={{
flex: 1,
}}>
<View
style={{
flex: 1,
alignItems: 'center',
}}>
Original Image:

    <RNImage
      style={{
        width: 300,
        height: 300,
      }}
      source={require('../../assets/images/human.jpeg')}
      resizeMode="contain"
    />

    <Text>Skia Image:</Text>

    <Canvas
      style={{
        width: 300,
        height: 300,
      }}>
      <SkiaImage width={300} height={300} image={skiaImage} fit="contain" />
    </Canvas>
  </View>
</SafeAreaView>

);
};

export default Test;
`

[NikitaDudin]

Try to set sampling prop value to linear instead of nearest by default.

[ralph1233]

Try to set sampling prop value to linear instead of nearest by default.

I added this line:

sampling={{
filter: FilterMode.Linear,
mipmap: MipmapMode.Linear,
}}
but it didn't work.