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 |