TouchableOpacity에 대한 "상승" 또는 Shadow 효과 생성:네이티브 리액션

TouchableOpacity에 대한 "상승" 또는 Shadow 효과 생성:네이티브 리액션

나는 사용한다react-native-elements그리고 그들은 실제 버튼이 "흔들림" 또는 그림자처럼 보이도록 하는 것을 쉽게 만든다.이 룩을 복제하여TouchableOpacity.

다음은 다음과 같은 기능을 갖춘 "가져 있는 버튼:react-native-elements.

그것은 미묘하지만 눈에 띄게 좋은 영향을 준다.이 효과를 어떻게 흉내내시겠습니까?TouchableOpacity?

그래, 난 문서를 살펴봤어.내가 놓친 게 있으면 지적해 줘...하지만 나는 이것을 성취할 어떤 것도 없다고 생각한다.고마워요.

다음 스타일을 추가하십시오.TouchableOpacity올리기 위해서.

<TouchableOpacity style={styles.button} />

  button: {
    shadowColor: 'rgba(0,0,0, .4)', // IOS
    shadowOffset: { height: 1, width: 1 }, // IOS
    shadowOpacity: 1, // IOS
    shadowRadius: 1, //IOS
    backgroundColor: '#fff',
    elevation: 2, // Android
    height: 50,
    width: 100,
    justifyContent: 'center',
    alignItems: 'center',
    flexDirection: 'row',
},

당신은 여기서 그것들에 대해 더 많이 읽을 수 있다.

IOS별 소품

Android별 소품

참조URL: https://stackoverflow.com/questions/50162879/create-raised-or-shadow-effect-on-touchableopacity-react-native