Styjun

Placing bypass capacitors after VCC reaches the IC

What is the most important source of natural gas? coal, oil or other?

Using the smallest number of bytes of code, write a program that produces this image

Should I disclose a colleague's illness (that I should not know about) when others badmouth him

Is there a way to make it so the cursor is included when I prtscr key?

What is the object moving across the ceiling in this stock footage?

Seed ship, unsexed person, cover has golden person attached to ship by umbilical cord

Why do airplanes use an axial flow jet engine instead of a more compact centrifugal jet engine?

I unknowingly submitted plagiarised work

Does revoking a certificate result in revocation of its key?

Why do they consider the Ori false gods?

Binary Search in C++17

Minimum number of comparisons in comparison-based sorting algorithms

How many chess players are over 2500 Elo?

Would jet fuel for an F-16 or F-35 be producible during WW2?

Full backup on database creation

Is there a public standard for 8 and 10 character grid locators?

Rename photos to match video titles

Command to Search for Filenames Exceeding 143 Characters?

Is floating in space similar to falling under gravity?

How can people dance around bonfires on Lag Lo'Omer - it's darchei emori?

Could a 19.25mm revolver actually exist?

analysis of BJT PNP type - why they can use voltage divider?

Riley Rebuses that Share a Common Theme

How i can remove react-native button shadow?

How can I upload files asynchronously?How can I merge properties of two JavaScript objects dynamically?How do I remove a property from a JavaScript object?How can I convert a string to boolean in JavaScript?How can I know which radio button is selected via jQuery?How can I get query string values in JavaScript?How to decide when to use Node.js?How can I refresh a page with jQuery?How do I remove a particular element from an array in JavaScript?Programmatically navigate using react router

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

4

I am trying to figure out React Native. When I created button I see unexpected bottom shadow. How can i prevented? (Gray color)

Code:

<Button 
 title="LOGIN"
 color='#f2a743'
/>

javascript reactjs react-native

share|improve this question

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

add a comment | 

4

I am trying to figure out React Native. When I created button I see unexpected bottom shadow. How can i prevented? (Gray color)

Code:

<Button 
 title="LOGIN"
 color='#f2a743'
/>

javascript reactjs react-native

share|improve this question

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

add a comment | 

I am trying to figure out React Native. When I created button I see unexpected bottom shadow. How can i prevented? (Gray color)

Code:

<Button 
 title="LOGIN"
 color='#f2a743'
/>

javascript reactjs react-native

share|improve this question

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

<Button 
 title="LOGIN"
 color='#f2a743'
/>

share|improve this question

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

share|improve this question

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

edited Jul 1 '17 at 15:49

Mayank Shukla

44.5k97192

asked Jul 1 '17 at 15:45

JohnJohn

2313

asked Jul 1 '17 at 15:45

JohnJohn

2313

4 Answers
4

active

oldest

votes

3

I don't think thats possible. If you don't need a button elevation (shadow), you may create your own react-native button using using Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback). And it's not a big deal.

Please refer to the docs.

renderButton = () => 
 return ( 
 <TouchableOpacity onPress=this._onPressButton> 
 <ImageBackground style=styles.button source=require('./myButton.png') >
 <Text>Press me</Text>
 </ImageBackground>
 </TouchableOpacity>
 );

share|improve this answer

edited Mar 24 at 6:50

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

add a comment | 

2

I successfully removed the shadow with elevation: 0 in the button's style.

share|improve this answer

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  It Worked !!!!!!
  
  – Siraj
  Oct 4 '18 at 13:01
  

  
  
  
  

add a comment | 

1

Whats about using css to remove the shadow?

style="box-shadow: 0px 0px 0p;"

share|improve this answer

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  it's not working.
  
  – John
  Jul 2 '17 at 7:45
  

  
  
  
  

add a comment | 

1

you can't use style="box-shadow: 0px 0px 0p;" at all
there is multi way to approach this i personal use elevation: 0

if you use router-flux for navigation pls consider that icons appear with shadow just on android but no shadow exist for ios version by default

share|improve this answer

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f44862742%2fhow-i-can-remove-react-native-button-shadow%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

I don't think thats possible. If you don't need a button elevation (shadow), you may create your own react-native button using using Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback). And it's not a big deal.

Please refer to the docs.

renderButton = () => 
 return ( 
 <TouchableOpacity onPress=this._onPressButton> 
 <ImageBackground style=styles.button source=require('./myButton.png') >
 <Text>Press me</Text>
 </ImageBackground>
 </TouchableOpacity>
 );

share|improve this answer

edited Mar 24 at 6:50

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

add a comment | 

3

I don't think thats possible. If you don't need a button elevation (shadow), you may create your own react-native button using using Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback). And it's not a big deal.

Please refer to the docs.

renderButton = () => 
 return ( 
 <TouchableOpacity onPress=this._onPressButton> 
 <ImageBackground style=styles.button source=require('./myButton.png') >
 <Text>Press me</Text>
 </ImageBackground>
 </TouchableOpacity>
 );

share|improve this answer

edited Mar 24 at 6:50

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

add a comment | 

I don't think thats possible. If you don't need a button elevation (shadow), you may create your own react-native button using using Touchables(TochableOpacity, TochableHighlight, TouchableWithoutFeedback). And it's not a big deal.

Please refer to the docs.

renderButton = () => 
 return ( 
 <TouchableOpacity onPress=this._onPressButton> 
 <ImageBackground style=styles.button source=require('./myButton.png') >
 <Text>Press me</Text>
 </ImageBackground>
 </TouchableOpacity>
 );

share|improve this answer

edited Mar 24 at 6:50

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

renderButton = () => 
 return ( 
 <TouchableOpacity onPress=this._onPressButton> 
 <ImageBackground style=styles.button source=require('./myButton.png') >
 <Text>Press me</Text>
 </ImageBackground>
 </TouchableOpacity>
 );

share|improve this answer

edited Mar 24 at 6:50

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

answered Jul 1 '17 at 17:47

Ansal AliAnsal Ali

755722

2

I successfully removed the shadow with elevation: 0 in the button's style.

share|improve this answer

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  It Worked !!!!!!
  
  – Siraj
  Oct 4 '18 at 13:01
  

  
  
  
  

add a comment | 

2

I successfully removed the shadow with elevation: 0 in the button's style.

share|improve this answer

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  It Worked !!!!!!
  
  – Siraj
  Oct 4 '18 at 13:01
  

  
  
  
  

add a comment | 

I successfully removed the shadow with elevation: 0 in the button's style.

share|improve this answer

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

share|improve this answer

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

answered Jun 19 '18 at 16:26

batmanburybatmanbury

778

1

Whats about using css to remove the shadow?

style="box-shadow: 0px 0px 0p;"

share|improve this answer

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  it's not working.
  
  – John
  Jul 2 '17 at 7:45
  

  
  
  
  

add a comment | 

1

Whats about using css to remove the shadow?

style="box-shadow: 0px 0px 0p;"

share|improve this answer

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  it's not working.
  
  – John
  Jul 2 '17 at 7:45
  

  
  
  
  

add a comment | 

Whats about using css to remove the shadow?

style="box-shadow: 0px 0px 0p;"

share|improve this answer

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

style="box-shadow: 0px 0px 0p;"

share|improve this answer

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

edited Jul 1 '17 at 15:50

Mayank Shukla

44.5k97192

answered Jul 1 '17 at 15:47

DS87DS87

148116

answered Jul 1 '17 at 15:47

DS87DS87

148116

1

you can't use style="box-shadow: 0px 0px 0p;" at all
there is multi way to approach this i personal use elevation: 0

if you use router-flux for navigation pls consider that icons appear with shadow just on android but no shadow exist for ios version by default

share|improve this answer

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

add a comment | 

1

you can't use style="box-shadow: 0px 0px 0p;" at all
there is multi way to approach this i personal use elevation: 0

if you use router-flux for navigation pls consider that icons appear with shadow just on android but no shadow exist for ios version by default

share|improve this answer

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

add a comment | 

you can't use style="box-shadow: 0px 0px 0p;" at all
there is multi way to approach this i personal use elevation: 0

if you use router-flux for navigation pls consider that icons appear with shadow just on android but no shadow exist for ios version by default

share|improve this answer

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

share|improve this answer

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193

answered Jul 6 '18 at 4:35

arash peymanfararash peymanfar

193