더북(TheBook)

프로필 화면을 보면 사진과 사진 사이에 테두리가 없군요. PostGridItem에서 여백을 지정해 사진과 사진을 미세하게 구분해볼까요?

components/PostGridItem.js

import React from 'react';
import {StyleSheet, useWindowDimensions, Image, Pressable} from 'react-native';

function PostGridItem({post}) {
  const dimensions = useWindowDimensions();
  const size = (dimensions.width - 3) / 3;

  (...)
}

const styles = StyleSheet.create({
  block: {margin: 0.5},
  image: {
    backgroundColor: '#bdbdbd',
    width: '100%',
    height: '100%',
  },
});

export default PostGridItem;
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.