Потренируемся немного со стилями в React Native.
Элементы внутри каждого элемента styles.row
должны располагаться не в колонку, а в строчку.
Все ячейки календаря должны быть одинаковыми по размеру с полями 5px и отступами 10px.
Размер шрифта в ячейке должен быть 10px, интенсивность bold, текст выровнен по центру.
Цвет заднего фона пусть будет rgb(255, 198, 0).
Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим
App.js
import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
export default function App() {
return (
<View>
<View style={styles.row}>
<Text style={styles.month}>December</Text>
<Text style={styles.month}>January</Text>
<Text style={styles.month}>February</Text>
</View>
<View style={styles.row}>
<Text style={styles.month}>March</Text>
<Text style={styles.month}>April</Text>
<Text style={styles.month}>May</Text>
</View>
<View style={styles.row}>
<Text style={styles.month}>June</Text>
<Text style={styles.month}>July</Text>
<Text style={styles.month}>August</Text>
</View>
<View style={styles.row}>
<Text style={styles.month}>September</Text>
<Text style={styles.month}>October</Text>
<Text style={styles.month}>November</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
month: {},
row: {},
});
app.json
{
"expo": {
"name": "1",
"slug": "1",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/adaptive-icon.png",
"backgroundColor": "#FFFFFF"
}
},
"web": {
"favicon": "./assets/favicon.png"
}
}
}