ottodevs

🛠️ Fix shadow* and pointerEvents Warnings in Expo Router/Web

Common Issue: When using Expo Router with React Native Web, you encounter warnings about shadow* properties and pointerEvents props that aren't compatible with web environments.

📋 Problem Analysis

This issue affects most Expo Router templates and React Navigation setups when targeting web platforms. The warnings occur because:

1. Shadow Properties: React Native's shadowColor, shadowOffset, shadowOpacity, shadowRadius don't work on web - need boxShadow* equivalents
2. pointerEvents Props: Web compatibility requires pointerEvents to be in style objects, not as direct props

ottodevs

#!/usr/bin/env bash

# checck if pidof exists
PIDOF="$(which pidof)"
# and if not - install it
(test "${PIDOF}" && test -f "${PIDOF}") || brew install pidof

# find app in default paths
CO_PWD=~/Applications/CrossOver.app/Contents/MacOS
test -d "${CO_PWD}" || CO_PWD=/Applications/CrossOver.app/Contents/MacOS

ottodevs

pragma solidity ^0.4.8;
import "./Reentrance.sol";

contract Collector {
    
  Reentrance public reentrance;
  
  function Collector (address _reentrance) {
    reentrance = Reentrance(_reentrance);
  }

ottodevs

This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.
    
  ✅ did:muport:QmQNqWYeS3L3FnthWX19fxZJbdHKp7CfdJHmnFpjAw1VUK ✅
    
    Create your profile today to start building social connection and trust online at https://3Box.io/

ottodevs

 //http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
 Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);

ottodevs

Keybase proof

I hereby claim:

• I am ottodevs on github.
• I am ottog (https://keybase.io/ottog) on keybase.
• I have a public key whose fingerprint is 0347 4756 E0F2 C596 CF89 1B20 180F 5829 CAEF 69AB

To claim this, I am signing this object:

ottodevs

Export:

1. Copy from ${user}/.atom:

• config.cson
• keymap.cson
• snippets.cson
• styles.less

2. Save installed packages list apm list --installed --bare > packages.list

ottodevs

$('#leftbar').remove();
$('#price').css({
  'font-size': '50px',
  'height': '60px',
  'line-height': '60px'
});

ottodevs

0xD5F636d6D5b89418EbDaB851e1E5ce057121f07D

ottodevs