Anonymous
Реагировать на встроенный прокрутку без прокрутки на Android
Сообщение
Anonymous » 01 июл 2024, 15:38
У меня есть следующий компонент:
Код: Выделить всё
export default class StoreComponent extends Component {
render() {
return (
);
}
}
в этом стиле
Код: Выделить всё
import { StyleSheet, Dimensions, } from 'react-native';
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#ffffff',
},
scroll: {
flex: 1,
flexDirection: 'row',
justifyContent: 'center'
},
image: {
width: Dimensions.get('window').width,
height: 350,
},
box: {
width: Dimensions.get('window').width - 30,
position: 'absolute',
shadowColor: '#000000',
shadowOpacity: 0.34,
shadowRadius: 5,
shadowOffset: {
width: 0,
height: 10
},
elevation: 10,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
borderBottomLeftRadius: 10,
borderBottomRightRadius: 10,
borderColor: 'lightgrey',
backgroundColor: '#ffffff',
padding: 10,
marginTop: 410,
},
boxDiscount: {
width: Dimensions.get('window').width - 30,
position: 'absolute',
shadowColor: '#000000',
shadowOpacity: 0.34,
shadowRadius: 5,
shadowOffset: {
width: 0,
height: 10
},
elevation: 10,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
borderBottomLeftRadius: 10,
borderBottomRightRadius: 10,
borderColor: 'lightgrey',
backgroundColor: '#253241',
padding: 10,
marginTop: 320,
},
title: {
fontSize: 30
},
distance: {
fontSize: 20,
color: '#767676'
},
distanceElement: {
fontSize: 20,
color: '#44D9E6'
},
address: {
fontSize: 20,
color: '#767676'
},
category: {
fontSize: 20,
color: '#767676',
},
categoryElement: {
fontSize: 20,
color: '#44D9E6',
},
hr: {
borderBottomColor: 'lightgrey',
borderBottomWidth: 1,
},
icons: {
flex: 1,
flexDirection: 'row',
justifyContent: 'center',
}
});
export default styles;
мой режим прокрутки работает на iOS, а на Android — нет, и я не понимаю, почему
вот изображение приложения, и, как вы можете видеть, мне нужно прокрутить на Android:
[img]
https://i .sstatic.net/4lpts.png[/img]
Подробнее здесь:
https://stackoverflow.com/questions/553 ... on-android
1719837529
Anonymous
У меня есть следующий компонент: [code]export default class StoreComponent extends Component { render() { return ( ); } } [/code] в этом стиле [code]import { StyleSheet, Dimensions, } from 'react-native'; const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#ffffff', }, scroll: { flex: 1, flexDirection: 'row', justifyContent: 'center' }, image: { width: Dimensions.get('window').width, height: 350, }, box: { width: Dimensions.get('window').width - 30, position: 'absolute', shadowColor: '#000000', shadowOpacity: 0.34, shadowRadius: 5, shadowOffset: { width: 0, height: 10 }, elevation: 10, borderTopLeftRadius: 10, borderTopRightRadius: 10, borderBottomLeftRadius: 10, borderBottomRightRadius: 10, borderColor: 'lightgrey', backgroundColor: '#ffffff', padding: 10, marginTop: 410, }, boxDiscount: { width: Dimensions.get('window').width - 30, position: 'absolute', shadowColor: '#000000', shadowOpacity: 0.34, shadowRadius: 5, shadowOffset: { width: 0, height: 10 }, elevation: 10, borderTopLeftRadius: 10, borderTopRightRadius: 10, borderBottomLeftRadius: 10, borderBottomRightRadius: 10, borderColor: 'lightgrey', backgroundColor: '#253241', padding: 10, marginTop: 320, }, title: { fontSize: 30 }, distance: { fontSize: 20, color: '#767676' }, distanceElement: { fontSize: 20, color: '#44D9E6' }, address: { fontSize: 20, color: '#767676' }, category: { fontSize: 20, color: '#767676', }, categoryElement: { fontSize: 20, color: '#44D9E6', }, hr: { borderBottomColor: 'lightgrey', borderBottomWidth: 1, }, icons: { flex: 1, flexDirection: 'row', justifyContent: 'center', } }); export default styles; [/code] мой режим прокрутки работает на iOS, а на Android — нет, и я не понимаю, почему вот изображение приложения, и, как вы можете видеть, мне нужно прокрутить на Android: [img]https://i .sstatic.net/4lpts.png[/img] Подробнее здесь: [url]https://stackoverflow.com/questions/55312631/react-native-scrollview-not-scrolling-on-android[/url]