expo / expo/examples

getting this ERROR Warning: You are setting the style `{ shadowOffset: ... }` as a prop. You should nest it in a style object. E.g. `{ style: { shadowOffset: ... } }` by creating a project using yarn create-expo-app -e with-router-tailwind

Open
#461 1 comment 2 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3.7k
Forks
1.1k
Avg merge
11h 15m
Merged PRs (30d)
1

Description

**Describe the bug**
created a new project with yarn create expo -e with-router-tailwind and run with yarn start, after that getting this ERROR Warning: You are setting the style `{ shadowOffset: ... }` as a prop. You should nest it in a style object. E.g. `{ style: { shadowOffset: ... } }`

Here is the repo url: https://github.com/expo/examples/tree/master/with-router-tailwind

**To Reproduce**

you should fix the issues with shadow property

**Expected behavior**
It should add shadow to explore button but it is not adding

**Screenshots**

![image](https://github.com/expo/examples/assets/63844626/b3ff572c-bab1-4088-8323-5c4200aec89c)

**Desktop (please complete the following information):**
- OS: Windows

**Smartphone (please complete the following information):**
- Device: Realme Narzo 50
- OS: Linux

**Additional context**
created a new project with yarn create expo -e with-router-tailwind and run with yarn start, after that getting this ERROR Warning: You are setting the style `{ shadowOffset: ... }` as a prop. You should nest it in a style object. E.g. `{ style: { shadowOffset: ... } }`

I have found that it is because of shadow style of Explore button

```
Explore
```
Here is the repo url: https://github.com/expo/examples/tree/master/with-router-tailwind

When I click on this button I can see this error on my terminal
Also I checked with shadow-lg but same error and no effect on the button

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.