как убрать тень, которая вставлена ​​по умолчанию в изображения фразы?

Question

У меня есть ящик с изображениями внутри и текстом, но при выборе изображения по умолчанию оно подсвечивается, а остальные остаются с тенью, и я хочу, чтобы все они были одинаковыми, а не только хорошо выглядели, когда я выбираю этот компонент.Затем я представляю вам то, что я хочу и что я получаю.

что я хочу сделать

что я сделал

Мой код:

    const DrawerNavigator = createDrawerNavigator(
  {
    DIPUTADOS: {
      screen: DiputadosStack,
      navigationOptions
    },
    BLOQUES: {
      screen: BloquesStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-002-b.png")}
            />
          );
        }
      }
    },
    INTERBLOQUES: {
      screen: InterBloquesStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-003-b.png")}
            />
          );
        }
      }
    },
    COMISIONES: {
      screen: ComisionesStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-004-b.png")}
            />
          );
        }
      }
    },
    AUTORIDADES: {
      screen: AutoridadesStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-005-b.png")}
            />
          );
        }
      }
    },
    "SESIÓN EN VIVO": {
      screen: SesionEnVivoStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-006-b.png")}
            />
          );
        }
      }
    },
    "DIPUTADOS TV": {
      screen: DiputadosTVStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-007-b.png")}
            />
          );
        }
      }
    },
    REGLAMENTOS: {
      screen: PDFReglamentosStack,
      navigationOptions: {
        drawerIcon: () => {
          return (
            <Image
              style={styles.Icon}
              source={require("./src/assets/Menu-008-b.png")}
            />
          );
        }
      }
    }
  },
  {
    contentComponent: CustomDrawerContentComponent,
    drawerWidth: width * 0.63,
    contentOptions: {
      activeTintColor: blue,
      inactiveTintColor: grey,
      itemsContainerStyle: {
        textAlign: "center"
      },
      labelStyle: {
        fontFamily: "RobotoCondensed-Regular",
        fontWeight: "400",
        fontSize: 17,
        marginLeft: -5
      },
      iconContainerStyle: {
        alignItems: "center"
      }
    }
  }
);

Answer 1

Вы можете использовать overlayColor.https://reactnavigation.org/docs/en/drawer-navigator.html#drawernavigatorconfig

{
    overlayColor: 'rgba(0,0,0,0.1)', // if you wannt no color, you can write 'transparent'.
    contentComponent: CustomDrawerContentComponent,
    drawerWidth: width * 0.63,
    contentOptions: {
      activeTintColor: blue,
      inactiveTintColor: grey,
      itemsContainerStyle: {
        textAlign: "center"
      },
      labelStyle: {
        fontFamily: "RobotoCondensed-Regular",
        fontWeight: "400",
        fontSize: 17,
        marginLeft: -5
      },
      iconContainerStyle: {
        alignItems: "center"
      }
    }
  }