Quando estiver usando grid
e precisar deixar o elemento com scroll
o melhor a se fazer é sempre assim:
<div style="overflow-x: auto">
<div style="overflow-x: scroll; display: grid;">
....
</div>
</div>
import React from 'react' | |
import { | |
StoryContainer, | |
OutlinePhoto, | |
Photo, | |
Nickname | |
} from './style' | |
export default props => { |
import styled from 'styled-components' | |
export const StoryContainer = styled.View` | |
width: 80px; | |
border-bottom-color: #efefef; | |
border-style: solid; | |
border-bottom-width: 0.5px; | |
display: flex; | |
flex-direction: column; |
import React, { Component } from 'react' | |
import { | |
View, | |
FlatList, | |
ScrollView | |
} from 'react-native' | |
import { | |
Header | |
} from './style' |
import styled from 'styled-components' | |
export const Header = styled.View` | |
width: 100%; | |
height: 50; | |
border-bottom-color: #ccc; | |
border-style: solid; | |
border-bottom-width: 1px; | |
` |
Quando estiver usando grid
e precisar deixar o elemento com scroll
o melhor a se fazer é sempre assim:
<div style="overflow-x: auto">
<div style="overflow-x: scroll; display: grid;">
....
</div>
</div>
.w-25 { | |
width: 25% !important; | |
} | |
.w-50 { | |
width: 50% !important; | |
} | |
.w-75 { |
import axios from 'axios' | |
let mockingEnabled = false | |
const mocks = {} | |
export function addMock(url, data) { | |
mocks[url] = data | |
} |
See https://git.gnome.org/browse/gtk+/tree/gtk/gtkcssstylepropertyimpl.c?h=gtk-3-8#n878 and https://git.gnome.org/browse/gtk+/tree/gtk/gtkcssstyleproperty.c?h=gtk-3-8#n272
Ani = Property can be animated Inh = Property inherits from parent widget
Property name | Type | Default | Ani | Inh | Notes |
---|---|---|---|---|---|
animation |
Sets all animation-* properties except animation-play-state ; specify iteration count first, then duration, then delay |
||||
animation-delay |
array(time) | 0 |
N | N | |
animation-direction |
array(direction) | normal |
N | N |