1 [
] 1: http://i.stack.imgur.com/h3qPR.jpgКак я могу сделать одно изображение над другим в режиме реагирования?
Я практикую реагировать родной недавно. Я хочу, чтобы одно изображение всегда находилось над другим во время анимации. Как я могу сделать, кроме как установить непрозрачность?
Последние версии реагирования-native позволяют визуализировать внутри тега изображения. Таким образом, вы можете поместить тег Image для recordPlayer внутри тега Image для фона. Попробуйте что-то вроде
renderRecordPlayer = _ => (
<Image style={styles.background}
source={...} >
<Image style={styles.recordPlayer}
source={...} />
</Image>
)
const styles = StyleSheet.create({
background: {
flex: 1,
width: null,
height: null,
// center the recordPlayer in the background Image
justifyContent: 'center',
alignItems: 'center',
resizeMode: 'cover', // make sure background covers all of screen
},
{
width: ...,
height: ...,
resizeMode: 'contain',
},
})спасибо! это помогает мне! – tanpuer
например используйте абсолютное позиционирование и непрозрачность ... – sodik
В начале флаг является горизонтальным, и я устанавливаю трансформное преобразование: [{rotate: spin}], которые делают его почти вертикальным. Когда блюдо перемещается горизонтально, флаг становится горизонтальным, используя анимацию. Может ли флаг всегда лежать над блюдом? – tanpuer