RN - 采坑记录

1.react-router-native

1.1Link

1. 不要在内部元素中加外边距样式,不然后出现视觉上伪边框(颜色与设置的遮盖色一致)

2.Dimensions

2.1获取的宽高与实际不一致

1. const height = Math.round(Dimensions.get(“window”).height),布局的时候最好还是用100%

3.TouchableHighlight

3.1点击无效果

1. 不添加onPress属性,不会出现点击效果

4. @react-navigation/stack

4.1安卓下从右侧出现代替默认从底部划出

import { createStackNavigator,CardStyleInterpolators } from '@react-navigation/stack';
<NavigationContainer>
      <Stack.Navigator 
        mode="card"
        headerMode="float" 
        screenOptions={
          { 
            headerTitleAlign: "center", 
            gestureDirection: "horizontal", 
            gestureEnabled: true, 
            headerBackImage: () => <Image style={{width:computedRem(0.14),height:computedRem(0.28)}} source={require("static/globol/back.png")}></Image>,
            cardStyleInterpolator:CardStyleInterpolators.forHorizontalIOS
          }}>
//省略其他

主要的就是设置cardStyleInterpolator:CardStyleInterpolators.forHorizontalIOS

---

待续