SvelteNativeの個別border指定方法に注意

SvelteNative開発において、個別にborderを引きたいと思ったら結構ハマってしまったので、共有。

以下のようにリストアイテムに下線を引こうとしたが、上手くいかなかった。

Webの感覚で

.list-item{
  border-bottom: 1px solid #999999;
}

としてしまうと、borderが出現しない。

SvelteNativeの場合、以下のように個別指定する必要があるので、ご注意を!

	.list-item{
		margin: 5%;
		margin-bottom: 40px;
		border-bottom-width: 1px;
		border-color: #999999;
	}

英語圏アプリで会社や嫌な取引先に依存しない収入を作りませんか?
その裏側を紹介するメールマガジンを配信しているので、ご興味あれば覗いてみてくださいね。