justifyContent: Yerli tepki de 'etrafında boşluk' marja sahip değildir

Question

Ben Yerli ve Tepki için yeni

adlı bir açık kaynak proje üzerinde çalışan

Ben

<View style={styles.forecastContainer}> 
    <ForecastView style={styles.forecast}/> 
    <ForecastView style={styles.forecast}/> 
    <ForecastView style={styles.forecast}/> 
    <ForecastView style={styles.forecast}/> 
</View> 

gibi bir üste dört ForecastView koyduk ReactNativeWeather

Tüm ForecastView değerlerini bir satırda bir kenar boşluklarla hizalamaya çalışıyorum. gibi

Bu ekran görüntüsü İşte

stilleri

forecastContainer: { 
    flex: 1, 
    flexDirection: 'row', 
    justifyContent: 'space-around' 
    }, 
    forecast: { 
    flex: 1 
    } 

ben justifyContent: 'space-around' düşünüyorum olduğu gibi ReactNativeWeather yılında, görünüşe SwiftWeather

Ama başka bir açık kaynak projesi dan işi yapmalı, ama Neden olmasın. Bana biraz ipucu verebilir misiniz?

kodu işlemek kontrol 0ccf4abb879656ab785814f01581121b60fc3b3a

Teşekkür

olabilir https://github.com/JakeLin/ReactNativeWeather üzerindedir Burada width

const { width, height } = Dimensions.get('window'); 
    forecastContainer: { 
    paddingTop: 80, 
    width: width, 
    flexDirection: 'row', 
    justifyContent: 'space-around', 
    }, 

belirterek bunu sabit

Answer 1

https://github.com/JakeLin/ReactNativeWeather/blob/57e37946c4e6bf655d0660e0cf5e0bdb38fe358d/src/WeatherView-styles.js#L36