AH
Всем привет, снизу стоит scrollView как можно ему поставить minHeigt или какую нибудь альтернативу, чтобы скролился до конца сейчас не могу заскролить нижнюю часть , при скроле вниз он сразу же выплывает на верх кто то поможет ))
Size: a a a
2020 April 25
GM
Всем привет, снизу стоит scrollView как можно ему поставить minHeigt или какую нибудь альтернативу, чтобы скролился до конца сейчас не могу заскролить нижнюю часть , при скроле вниз он сразу же выплывает на верх кто то поможет ))
Привет. А можешь код показать там где у тебя скролл?
ꟿ
Добрый решил попробовать React Native, вот сделал простое слово из букв по отдельности с
На вебе все как нужно.
На Андроиде: Буквы разьехались как space-around.
Как с таким бороться?
View(View(Text("А")),View(Text("B")))
поставил чтобы у контейнера был flex: 1, justifyContent: 'center', alignItems: 'center', flexDirection: 'row'.На вебе все как нужно.
На Андроиде: Буквы разьехались как space-around.
Как с таким бороться?
ꟿ
На смартфоне
DS
Всем привет. Чем лучше воспользоваться для создания кастомной клавиатуры?
ꟿ
Добрый решил попробовать React Native, вот сделал простое слово из букв по отдельности с
На вебе все как нужно.
На Андроиде: Буквы разьехались как space-around.
Как с таким бороться?
View(View(Text("А")),View(Text("B")))
поставил чтобы у контейнера был flex: 1, justifyContent: 'center', alignItems: 'center', flexDirection: 'row'.На вебе все как нужно.
На Андроиде: Буквы разьехались как space-around.
Как с таким бороться?
const TestScreen = () =>
(
<View style={styles.root}>
<View style={styles.card}>
<View style={styles.word}>
<View style={styles.wordPart}>
<Text style={styles.letter}>
A
</Text>
</View>
<View style={styles.wordPart}>
<Text style={styles.letter}>
B
</Text>
</View>
</View>
</View>
</View>
)
const styles = StyleSheet.create({
root: {
alignItems: 'center',
backgroundColor: '#F8F9FA',
flex: 1,
justifyContent: 'center',
},
card: {
alignItems: 'center',
backgroundColor: 'white',
borderColor: 'gainsboro',
borderRadius: 2,
borderStyle: 'solid',
borderWidth: 1,
flex: 1,
justifyContent: 'center',
maxHeight: 200,
maxWidth: 400,
padding: 40,
},
word: {
flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
},
wordPart: {
alignItems: 'center',
flex: 1,
justifyContent: 'center',
},
letter: {
fontSize: 48,
},
})GB
const TestScreen = () =>
(
<View style={styles.root}>
<View style={styles.card}>
<View style={styles.word}>
<View style={styles.wordPart}>
<Text style={styles.letter}>
A
</Text>
</View>
<View style={styles.wordPart}>
<Text style={styles.letter}>
B
</Text>
</View>
</View>
</View>
</View>
)
const styles = StyleSheet.create({
root: {
alignItems: 'center',
backgroundColor: '#F8F9FA',
flex: 1,
justifyContent: 'center',
},
card: {
alignItems: 'center',
backgroundColor: 'white',
borderColor: 'gainsboro',
borderRadius: 2,
borderStyle: 'solid',
borderWidth: 1,
flex: 1,
justifyContent: 'center',
maxHeight: 200,
maxWidth: 400,
padding: 40,
},
word: {
flex: 1,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
},
wordPart: {
alignItems: 'center',
flex: 1,
justifyContent: 'center',
},
letter: {
fontSize: 48,
},
})Т.е. у вас wordPart - flex и займет всё доступное пространство, их две штуки, а в центре будут буквы. Всё верно в RN получилось.
ꟿ
Т.е. у вас wordPart - flex и займет всё доступное пространство, их две штуки, а в центре будут буквы. Всё верно в RN получилось.
ꟿ
Т.е. у вас wordPart - flex и займет всё доступное пространство, их две штуки, а в центре будут буквы. Всё верно в RN получилось.
Но ведь wordPard flex direction по дефолту 'column'
GB
Но ведь wordPard flex direction по дефолту 'column'
И что? У них стоит flex, их ось определяет родитель, т.е. word
ꟿ
И что? У них стоит flex, их ось определяет родитель, т.е. word
А в каком смысле ось?
AM
А в каком смысле ось?
flex: 1 говорит что ты можешь занимать максимум пространства
GB
А в каком смысле ось?
Направление, в котором алгорим флекса работает
AM
flex: 1 говорит что ты можешь занимать максимум пространства
а он у тебя везде стоит
AM
flex: 1 говорит что ты можешь занимать максимум пространства
задай backgroundColor
AM
задай backgroundColor
и поиграйся с flex: 1
AM
станет сразу понятно
J
Всем привет. Как делать такой input
ꟿ
Очень интересно, можете посмотреть? Когда добавляешь backgroundColor размер flex-a на Андроид меняется, может кто-то знает почему?
https://snack.expo.io/Ayu6tp0C_
https://snack.expo.io/Ayu6tp0C_