将UITableView与阴影和角落半径分组？

Question

我想知道如何创建一个带有阴影和圆角的，分组的UITableView。同样，该节的标题是可选的，因此当用户单击标题时，该节中的单元格应该折叠；因此，阴影和圆角将需要更改为节的新大小，仅更改标题即可。有人知道我该怎么做吗？我已经附加了一个UI样机以供参考以及一些代码。

这是我希望设计的UI样机：

这是我设置tableView的代码：

const clickHandler = jest.fn()

const initialProps = { 
  clickHandler,
  children: <button className="example">Test</button>
  ...other props
};

const wrapper = shallow(<ClickHandler {...initialProps} />);

describe("Example", () => {
   it('handles clicks inside of the component', () => { // this would test the event lisenter, the class method, and the clickHandler -- slightly overkill 
      const spy = jest.spyOn(wrapper.instance(), 'handleClickOutside');

      wrapper.instance().forceUpdate();
      wrapper.find('button').simulate('click');

      expect(spy).toHaveBeenCalled();
      expect(clickHandler).toHaveBeenCalledTimes(0);
      spy.mockClear();
   });

   it('handles clicks outside of the component', () => { // this is a more straight forward test that assumes the event listener is already working
      const event = { target: <div className="example">Outside Div</div> };
      wrapper.instance().handleClickOutside(event);

      expect(clickHandler).toHaveBeenCalled();
   });

})

该代码产生以下结果：

我希望能以我在设计中所展示的方式来做一些工作上的帮助。提前感谢您的任何帮助。

Answer 1

要折叠标题，您可以使用：https://github.com/jeantimex/ios-swift-collapsible-table-section