Получение изображения из фреймворка django rest в react-native

У меня есть api на django, который я использую для получения данных в моем react native приложении. Мне нужно получить изображение для каждой статьи, которое показывает только ее id. вот так

{
        "id": 5,
        "title": "sdadasd",
        "author_name": "ibtsam",
        "image": [
            2
        ],
        "author": 2,
        "published": "2021-09-13",
        "modified_on": "2021-09-13",
        "excerpt": "asdasda",
        "content": "dasdasdas",
        "status": "published"
    },

Мне нужно знать, как я могу получить путь к изображению в моем приложении react native. Мой класс serializers.py выглядит следующим образом:

from rest_framework import serializers
from blog.models import Post
from blog.models import Image
from versatileimagefield.serializers import VersatileImageFieldSerializer
from rest_flex_fields import FlexFieldsModelSerializer

class ImageSerializer(FlexFieldsModelSerializer):
    image = VersatileImageFieldSerializer(
        sizes=[
            ('full_size', 'url'),
            ('thumbnail', 'thumbnail__100x100'),
        ]
    )

    class Meta:
        model = Image
        fields = ['pk', 'name', 'image', 'full_size']

class PostSerializer(FlexFieldsModelSerializer):
    author_name = serializers.CharField(
        source='author.username', read_only=True)
 

    class Meta:
        model = Post
        fields = ('id', 'title', 'author_name', 'image',  'author', 'published', 'modified_on',
                  'excerpt', 'content', 'status')
        expandable_fields = {
            
            'image': (ImageSerializer, {'many': True}),
        }

Вернуться на верх