Grid inside List should support flex

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://jsfiddle.net/chunlea/zxsb1kpd/

Steps to reproduce

Created a List with Card, enable grid, and the layout is mass.

What is expected?

Like Row Component, with flex, the layout should look like

What is actually happening?

I looked at the source code and found that https://github.com/ant-design/ant-design/blob/master/components/list/index.tsx#L232 we only pass grid.gutter to Row and use Context to pass other options to List.Item col

Maybe we should support all RowProps fields here https://github.com/ant-design/ant-design/blob/master/components/grid/row.tsx#L29-L35 in grid of List Component?

Environment	Info
antd	3.12.3
React	16.7.0
System	macOS
Browser	Chrome 71

[asader]

Here’s simple workaround

export const FlexList = ({ dataSource, renderItem, gutter}) => (<Row gutter={gutter} type='flex'>{ dataSource.map(entity => renderItem(entity)) }</Row>);

[harunurhan]

As a workaround, you can wrap all items (children), with a <div className="ant-row-flex"

      <List
        grid={...}
      >
        <div className="ant-row-flex">
          {items.map(...)}
        </div>
      </List>